Generate Palette
  1. Colors
  2. #cfd8dc
Created at 02/23/2023 03:12
  0.12k

#cfd8dc HEX Color information

Color palettes generator
Color HEX RGB
#cfd8dc RGB(207, 216, 220)
RGB values are RGB(207, 216, 220)
#cfd8dc color contain Red 81.18%, Green 84.71% and Blue 86.27%.
oklch(87.65% 0.0112 226)
More palettes with:
Lightgrey

Color Names of #cfd8dc HEX code

Access Control Grey, Action Gray, blue-grey lighten, blue-grey lighten-4, Board Gray, Border Ash, Command Silver, Disabled Light Gray, Divider Gray, Epoch Gray, Flowchart Gray, Hinting Blue, Holo Grey, Index Gray, Insight Gray, Insight Smoke, Install Banner Gray, Latency Grey, Layer Gray, Layout Smoke, Matrix Gray, Metric Gray, Neutral Gray, Node Grey, Pattern Gray, Portfolio Gray, Response Gray, Review Gray, Scan Gray, Schema Gray, Scroll Gray, Sensor Grey, Series Gray, Shadow DOM Grey, Silver Hint, Transcript Gray Color

Classification of #cfd8dc color

#cfd8dc is Light and Cool Color
Shade of lightgrey
Opposite Color for #cfd8dc is #ddd4d0
#ddd4d0

#cfd8dc Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #cfd8dc

Decimal
13621468
HEX
#cfd8dc
HSL
hsl(198, 16%, 84%)
HSLA
hsla(198, 16%, 84%, 1)
RGB
RGB(207, 216, 220)
RGBA
RGBA(207, 216, 220, 1)

Palettes for #cfd8dc color:

Below examples of color palettes for #cfd8dc HEX color

darkest color is #151616 from shades and lightest color is #fafbfc from tints

Shades palette of #cfd8dc:
Tints palette of #cfd8dc:
Complementary palette of #cfd8dc:
Triadic palette of #cfd8dc:
Square palette of #cfd8dc:
Analogous palette of #cfd8dc:
Split-Complementary palette of #cfd8dc:
Rectangle (tetradic) palette of #cfd8dc:

Color #cfd8dc used in palettes (24)

Blue Grey palette Materialize CSS Tints of Material Design Blue Gray color #607D8B hex blue-grey darken-4 blue gray Başak Kibar Alternative Hoffman Blueish Idea idea5 idea2 Material Design Color Palette (19) idea4 idea3 idea6 Proffessional Website Minimalist SaaS Dashboard Flow React Component Hyperlink Kit Hyperlinked Modular Figma Layout Retro-Future Algorithmic Core Palette EdTech E-Learning UX Theme Quantum Framework Interface Engagement Analytics Flow SS Palette Accessible Figma UI Kit Palette

Color Contrast

Color pairings #cfd8dc with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio

#cfd8dc
#cfd8dc
Contrast Ratio
1.44:1
SizeAA-levelAAA-level
Large text:
Small text:
#cfd8dc
#cfd8dc
Contrast Ratio
14.5:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #cfd8dc color png

Access Control Grey, Action Gray, blue-grey lighten, blue-grey lighten-4, Board Gray, Border Ash, Command Silver, Disabled Light Gray, Divider Gray, Epoch Gray, Flowchart Gray, Hinting Blue, Holo Grey, Index Gray, Insight Gray, Insight Smoke, Install Banner Gray, Latency Grey, Layer Gray, Layout Smoke, Matrix Gray, Metric Gray, Neutral Gray, Node Grey, Pattern Gray, Portfolio Gray, Response Gray, Review Gray, Scan Gray, Schema Gray, Scroll Gray, Sensor Grey, Series Gray, Shadow DOM Grey, Silver Hint, Transcript Gray #cfd8dc color image
 Download image
Visit the popular colors list for more colors
Metro UI Colors Pantone Colors Web Colors Web Safe Colors X11 Colors XKCD Colors