Nazwany kolor · #CDD4C6
Horizon Island
Horizon Island to #CDD4C6: rgb(205 212 198), hsl(90 14% 80%), oklch(0.861 0.02 128.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Horizon Island color name →
#CDD4C6
oklch(0.861 0.02 128.7)
Konwersje koloru
- HEX
- #cdd4c6
- RGB
- rgb(205 212 198)
- HSL
- hsl(90 14% 80%)
- HWB
- hwb(90 78% 17%)
- OKLCH
- oklch(0.861 0.02 128.7)
- OKLab
- oklab(0.861 -0.013 0.016)
- CIE Lab
- lab(84.07 -4.35 6.08)
- LCH
- lch(84.07 7.48 125.6)
- CMYK
- cmyk(3% 0% 7% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D2D8CC
- D7DCD1
- DCE1D7
- E1E5DD
- E6E9E2
- EBEEE8
- F0F2EE
- F5F6F3
- FAFBF9
Odcienie ciemniejsze
- B2B8AC
- 989D92
- 7E837A
- 666962
- 4E514B
- 383A35
- 232421
- 0F100E
- 020202
Tony
- C5CBBF
- BDC3B8
- B5BAB0
- ADB1A9
- A6A9A2
- 9EA19B
- 969894
- 8F908E
- 878887
Harmonie kolorów
Komplementarna +180°
- CDD4C6
Horizon Island
- D5CEDC
≈ Lavender Haze
Analogowa -30° +30°
- CDD4C6
Horizon Island
- D4D2C3
≈ Clay Beige
- C7D6CC
≈ Valley Mist
Triada +120° +240°
- CDD4C6
Horizon Island
- C7D3DE
≈ Light Stargate
- DECCCE
≈ Delirious Donkey
Komplementarna rozszczepiona +150° +210°
- CDD4C6
Horizon Island
- CED0DF
≈ Multnomah Falls
- DBCCD6
≈ Silver Mauve
Tetrada +90° +180° +270°
- CDD4C6
Horizon Island
- C3D5DA
≈ Cloudy Sky
- D5CEDC
≈ Lavender Haze
- DECDC8
≈ Lip Gloss
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.51:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.82:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.82:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--horizon-island: #cdd4c6;
--horizon-island-rgb: 205 212 198;
--horizon-island-oklch: oklch(0.861 0.02 128.7);
}
.element {
color: var(--horizon-island);
background-color: hsl(90 14% 80%);
border-color: oklch(0.861 0.02 128.7);
}Tailwind CSS v4
@theme {
--color-horizon-island: #cdd4c6;
--color-horizon-island-50: #f3f6f0;
--color-horizon-island-100: #e5e9e2;
--color-horizon-island-200: #d1d6cd;
--color-horizon-island-300: #b4baaf;
--color-horizon-island-400: #9ba194;
--color-horizon-island-500: #82897b;
--color-horizon-island-600: #6e7468;
--color-horizon-island-700: #585d53;
--color-horizon-island-800: #40443c;
--color-horizon-island-900: #2c2f29;
--color-horizon-island-950: #191b17;
}SCSS
$horizon-island: #cdd4c6;
$horizon-island-rgb: 205, 212, 198;
$horizon-island-light: mix(#fff, $horizon-island, 20%);
$horizon-island-dark: mix(#000, $horizon-island, 20%);
.element {
color: $horizon-island;
box-shadow: 0 0 0 2px rgba($horizon-island, 0.35);
}