Couleur nommée la plus proche · #DBFFF2
#DBFFF2
Couleur nommée la plus proche: Candied Snow
#DBFFF2 (rgb(219 255 242), hsl(158 100% 93%), oklch(0.971 0.041 171.6)) est la plus proche de la couleur nommée Candied Snow. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DBFFF2
oklch(0.971 0.041 171.6)
Conversions de couleur
- HEX
- #dbfff2
- RGB
- rgb(219 255 242)
- HSL
- hsl(158 100% 93%)
- HWB
- hwb(158 86% 0%)
- OKLCH
- oklch(0.971 0.041 171.6)
- OKLab
- oklab(0.971 -0.04 0.006)
- CIE Lab
- lab(97.16 -13.84 2.14)
- LCH
- lch(97.16 14.01 171.2)
- CMYK
- cmyk(14% 0% 5% 0%)
Teintes · Ombres · Tons
Teintes
- DFFFF3
- E2FFF5
- E6FFF6
- EAFFF7
- EDFFF8
- F1FFFA
- F4FFFB
- F8FFFC
- FCFFFE
Ombres
- BEDED2
- A2BEB4
- 879E96
- 6D8079
- 54635E
- 3C4843
- 262E2B
- 111614
- 020303
Tons
- D2F2E6
- C8E4DA
- BFD7CE
- B6CAC3
- ADBEB7
- A4B1AC
- 9BA4A1
- 929896
- 898C8B
Harmonies de couleurs
Complémentaire +180°
- DBFFF2
Candied Snow
- FFF1F7
≈ Lavender Blush
Analogue -30° +30°
- DBFFF2
Candied Snow
- E7FDE3
≈ Frosted Plains
- DCFDFF
≈ Apollo’s White
Triadique +120° +240°
- DBFFF2
Candied Snow
- F5F4FF
≈ Sugar Crystal
- FFF3EC
≈ Ambrosia Ivory
Complémentaire divisée +150° +210°
- DBFFF2
Candied Snow
- FDF1FF
≈ Pinkish White
- FFF2F1
≈ Sefid White
Tétradique +90° +180° +270°
- DBFFF2
Candied Snow
- F0F6FF
≈ Cotton Ball
- FFF1F7
≈ Lavender Blush
- FFF4E1
≈ Creamy Cloud Dreams
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.07:1 · APCA Lc 0
Ag
AAASur noir
WCAG 19.59:1 · APCA Lc 103
Meilleure couleur de texte: #000000
WCAG 19.59:1 (AAA) · APCA Lc 103
Contrast pairs
Extraits de code
CSS
:root {
--candied-snow: #dbfff2;
--candied-snow-rgb: 219 255 242;
--candied-snow-oklch: oklch(0.971 0.041 171.6);
}
.element {
color: var(--candied-snow);
background-color: hsl(158 100% 93%);
border-color: oklch(0.971 0.041 171.6);
}Tailwind CSS v4
@theme {
--color-candied-snow: #dbfff2;
--color-candied-snow-50: #eaf9f4;
--color-candied-snow-100: #dbede7;
--color-candied-snow-200: #c3dad3;
--color-candied-snow-300: #a3bfb6;
--color-candied-snow-400: #87a79b;
--color-candied-snow-500: #6b8f83;
--color-candied-snow-600: #5b796f;
--color-candied-snow-700: #486158;
--color-candied-snow-800: #344740;
--color-candied-snow-900: #24312c;
--color-candied-snow-950: #121d19;
}SCSS
$candied-snow: #dbfff2;
$candied-snow-rgb: 219, 255, 242;
$candied-snow-light: mix(#fff, $candied-snow, 20%);
$candied-snow-dark: mix(#000, $candied-snow, 20%);
.element {
color: $candied-snow;
box-shadow: 0 0 0 2px rgba($candied-snow, 0.35);
}