Colore con nome · #CCDFDC
Icelandish
Icelandish è #CCDFDC: rgb(204 223 220), hsl(171 23% 84%), oklch(0.889 0.021 185.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Icelandish color name →
#CCDFDC
oklch(0.889 0.021 185.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D1E2DF
- D6E5E3
- DBE9E6
- E0ECEA
- E5EFED
- EAF2F1
- F0F5F4
- F5F9F8
- FAFCFB
Ombre
- B1C2BF
- 97A5A3
- 7E8A88
- 656F6E
- 4E5654
- 373D3C
- 222726
- 0F1211
- 020202
Toni
- C4D5D2
- BCCBC9
- B5C2BF
- ADB8B6
- A5AEAD
- 9EA5A4
- 969B9B
- 8F9292
- 878989
Armonie di colore
Complementare +180°
- CCDFDC
Icelandish
- E7D5D8
≈ Demure
Analogo -30° +30°
- CCDFDC
Icelandish
- D0DFD4
≈ Aruba Aqua
- CCDEE3
≈ Salty Vapour
Triadico +120° +240°
- CCDFDC
Icelandish
- DDD7E6
≈ Light Lavender Water
- E4D8CC
≈ Maybe Mushroom
Complementare divisa +150° +210°
- CCDFDC
Icelandish
- E4D5E0
≈ Soft Lilac
- E7D6D1
≈ Lost Love
Tetradico +90° +180° +270°
- CCDFDC
Icelandish
- D6D9E8
≈ Eyeshadow
- E7D5D8
≈ Demure
- DEDACB
≈ Cocoon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.15:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.15:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
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);
}