Couleur nommée · #CCDFDC
Icelandish
Icelandish correspond à #CCDFDC : rgb(204 223 220), hsl(171 23% 84%), oklch(0.889 0.021 185.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Icelandish color name →
#CCDFDC
oklch(0.889 0.021 185.4)
Conversions de couleur
- HEX
- #ccdfdc
- RGB
- rgb(204 223 220)
- HSL
- hsl(171 23% 84%)
- HWB
- hwb(171 80% 13%)
- OKLCH
- oklch(0.889 0.021 185.4)
- OKLab
- oklab(0.889 -0.021 -0.002)
- CIE Lab
- lab(87.33 -6.99 -0.81)
- LCH
- lch(87.33 7.04 186.6)
- CMYK
- cmyk(9% 0% 1% 13%)
Teintes · Ombres · Tons
Teintes
- D1E2DF
- D6E5E3
- DBE9E6
- E0ECEA
- E5EFED
- EAF2F1
- F0F5F4
- F5F9F8
- FAFCFB
Ombres
- B1C2BF
- 97A5A3
- 7E8A88
- 656F6E
- 4E5654
- 373D3C
- 222726
- 0F1211
- 020202
Tons
- C4D5D2
- BCCBC9
- B5C2BF
- ADB8B6
- A5AEAD
- 9EA5A4
- 969B9B
- 8F9292
- 878989
Harmonies de couleurs
Complémentaire +180°
- CCDFDC
Icelandish
- E7D5D8
≈ Demure
Analogue -30° +30°
- CCDFDC
Icelandish
- D0DFD4
≈ Aruba Aqua
- CCDEE3
≈ Salty Vapour
Triadique +120° +240°
- CCDFDC
Icelandish
- DDD7E6
≈ Light Lavender Water
- E4D8CC
≈ Maybe Mushroom
Complémentaire divisée +150° +210°
- CCDFDC
Icelandish
- E4D5E0
≈ Soft Lilac
- E7D6D1
≈ Lost Love
Tétradique +90° +180° +270°
- CCDFDC
Icelandish
- D6D9E8
≈ Eyeshadow
- E7D5D8
≈ Demure
- DEDACB
≈ Cocoon
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.38:1 · APCA Lc 19
Ag
AAASur noir
WCAG 15.15:1 · APCA Lc 85
Meilleure couleur de texte: #000000
WCAG 15.15:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--icelandish: #ccdfdc;
--icelandish-rgb: 204 223 220;
--icelandish-oklch: oklch(0.889 0.021 185.4);
}
.element {
color: var(--icelandish);
background-color: hsl(171 23% 84%);
border-color: oklch(0.889 0.021 185.4);
}Tailwind CSS v4
@theme {
--color-icelandish: #ccdfdc;
--color-icelandish-50: #eff7f6;
--color-icelandish-100: #e1eae9;
--color-icelandish-200: #cbd7d6;
--color-icelandish-300: #acbbb9;
--color-icelandish-400: #92a3a0;
--color-icelandish-500: #788b88;
--color-icelandish-600: #657673;
--color-icelandish-700: #515e5c;
--color-icelandish-800: #3b4543;
--color-icelandish-900: #28302e;
--color-icelandish-950: #161c1b;
}SCSS
$icelandish: #ccdfdc;
$icelandish-rgb: 204, 223, 220;
$icelandish-light: mix(#fff, $icelandish, 20%);
$icelandish-dark: mix(#000, $icelandish, 20%);
.element {
color: $icelandish;
box-shadow: 0 0 0 2px rgba($icelandish, 0.35);
}