#def6ff HEX color information
| Color | HEX | RGB |
|---|---|---|
| #def6ff | RGB(222, 246, 255) |
Created at 11/19/2023 05:00
RGB values are RGB(222, 246, 255)
#def6ff color contains Red 87.06%, Green 96.47% and Blue 100%.
oklch(95.83% 0.0279 222.28)
#def6ff color contains Red 87.06%, Green 96.47% and Blue 100%.
oklch(95.83% 0.0279 222.28)
Color Names of #def6ff HEX code
≈ Pattens Blue
Classification of #def6ff color
#def6ff is Light and Neutral Color Saturation 100%, lightness 94%.
Shade of Azure
Alternative colors of #def6ff
Opposite Color for #def6ff is #ffe7de
#def6ff Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #def6ff
cmyk
CMYK(13%, 4%, 0%, 0%)
Decimal
14612223
HEX
#def6ff
HSL
hsl(196, 100%, 94%)
HSLA
hsla(196, 100%, 94%, 1)
RGB
RGB(222, 246, 255)
RGBA
RGBA(222, 246, 255, 1)
Palettes for #def6ff color:
Below are examples of color palettes with the #def6ff HEX color
darkest color is #161919 from shades and lightest color is #fcfeff from tints
Shades palette of #def6ff:
#c8dde6
#b2c5cc
#9bacb3
#859499
#6f7b80
#596266
#434a4d
#2c3133
#161919
#000000
Tints palette of #def6ff:
#e1f7ff
#e5f8ff
#e8f9ff
#ebfaff
#effbff
#f2fbff
#f5fcff
#f8fdff
#fcfeff
#ffffff
Complementary palette of #def6ff:
#def6ff
#ffe7de
Triadic palette of #def6ff:
#def6ff
#ffdef6
#f6ffde
Square palette of #def6ff:
#def6ff
#f8deff
#ffe7de
#e6ffde
Analogous palette of #def6ff:
#defff8
#def6ff
#dee5ff
Split-Complementary palette of #def6ff:
#def6ff
#ffdee6
#fff8de
Rectangle (tetradic) palette of #def6ff:
#def6ff
#e7deff
#ffe7de
#f6ffde
Suggested color palettes for #def6ff HEX:
Color palette with color #def6ff #1:
Color palette with color #def6ff #2:
Color palette with color #def6ff #3:
Color palette with color #def6ff #4:
Color palette with color #def6ff #5:
Color #def6ff used in palettes (1)
Color Contrast
Color pairings of #def6ff with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#def6ff
#def6ffContrast Ratio
1.12:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#def6ff
#def6ffContrast Ratio
18.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #def6ff color png
Visit the popular colors list for more colors