Nazwany kolor · #C0D2D0
Icy Waterfall
Icy Waterfall to #C0D2D0: rgb(192 210 208), hsl(173 17% 79%), oklch(0.85 0.02 188.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Icy Waterfall color name →
#C0D2D0
oklch(0.85 0.02 188.8)
Konwersje koloru
- HEX
- #c0d2d0
- RGB
- rgb(192 210 208)
- HSL
- hsl(173 17% 79%)
- HWB
- hwb(173 75% 18%)
- OKLCH
- oklch(0.85 0.02 188.8)
- OKLab
- oklab(0.85 -0.019 -0.003)
- CIE Lab
- lab(82.78 -6.57 -1.19)
- LCH
- lch(82.78 6.68 190.3)
- CMYK
- cmyk(9% 0% 1% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C6D6D5
- CCDBD9
- D3DFDE
- D9E4E3
- DFE8E7
- E6EDEC
- ECF1F1
- F2F6F5
- F9FAFA
Odcienie ciemniejsze
- A7B6B5
- 8E9B9A
- 768180
- 5F6867
- 49504F
- 343939
- 202423
- 0E1010
- 020202
Tony
- B9C9C8
- B3C1BF
- ACB9B7
- A6B0AF
- A0A8A7
- 99A09F
- 939897
- 8C908F
- 868888
Harmonie kolorów
Komplementarna +180°
- C0D2D0
Icy Waterfall
- DAC9CB
≈ Light Pink Polar
Analogowa -30° +30°
- C0D2D0
Icy Waterfall
- C3D2C9
≈ Spearmint Ice
- C0D1D6
≈ Light Pure Blue
Triada +120° +240°
- C0D2D0
Icy Waterfall
- D1CAD8
≈ Diaphanous
- D6CCC0
≈ In the Buff
Komplementarna rozszczepiona +150° +210°
- C0D2D0
Icy Waterfall
- D7C9D2
≈ Eternal Moonrise
- DACAC4
≈ Goodbye Kiss
Tetrada +90° +180° +270°
- C0D2D0
Icy Waterfall
- CACDDB
≈ Pale Shale
- DAC9CB
≈ Light Pink Polar
- D1CEC0
≈ Sedate Grey
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.37:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.37:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--icy-waterfall: #c0d2d0;
--icy-waterfall-rgb: 192 210 208;
--icy-waterfall-oklch: oklch(0.85 0.02 188.8);
}
.element {
color: var(--icy-waterfall);
background-color: hsl(173 17% 79%);
border-color: oklch(0.85 0.02 188.8);
}Tailwind CSS v4
@theme {
--color-icy-waterfall: #c0d2d0;
--color-icy-waterfall-50: #eff7f6;
--color-icy-waterfall-100: #e1eae9;
--color-icy-waterfall-200: #cbd7d6;
--color-icy-waterfall-300: #adbbba;
--color-icy-waterfall-400: #92a2a1;
--color-icy-waterfall-500: #788b89;
--color-icy-waterfall-600: #667574;
--color-icy-waterfall-700: #515e5c;
--color-icy-waterfall-800: #3b4543;
--color-icy-waterfall-900: #282f2f;
--color-icy-waterfall-950: #161c1b;
}SCSS
$icy-waterfall: #c0d2d0;
$icy-waterfall-rgb: 192, 210, 208;
$icy-waterfall-light: mix(#fff, $icy-waterfall, 20%);
$icy-waterfall-dark: mix(#000, $icy-waterfall, 20%);
.element {
color: $icy-waterfall;
box-shadow: 0 0 0 2px rgba($icy-waterfall, 0.35);
}