Nazwany kolor · #DDD4C7
Coconut Ice
Coconut Ice to #DDD4C7: rgb(221 212 199), hsl(35 24% 82%), oklch(0.874 0.02 77.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Coconut Ice color name →
#DDD4C7
oklch(0.874 0.02 77.3)
Konwersje koloru
- HEX
- #ddd4c7
- RGB
- rgb(221 212 199)
- HSL
- hsl(35 24% 82%)
- HWB
- hwb(35 78% 13%)
- OKLCH
- oklch(0.874 0.02 77.3)
- OKLab
- oklab(0.874 0.004 0.02)
- CIE Lab
- lab(85.38 1.57 7.62)
- LCH
- lch(85.38 7.78 78.4)
- CMYK
- cmyk(0% 4% 10% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0D8CD
- E4DCD2
- E7E1D8
- EBE5DD
- EEE9E3
- F1EEE8
- F5F2EE
- F8F6F4
- FCFBF9
Odcienie ciemniejsze
- C0B8AD
- A49D93
- 88837A
- 6E6962
- 55514C
- 3D3A36
- 262421
- 11100E
- 020202
Tony
- D3CBC0
- CAC3B8
- C0BAB1
- B7B1AA
- ADA9A3
- A4A19C
- 9B9895
- 92908E
- 898887
Harmonie kolorów
Komplementarna +180°
- DDD4C7
Coconut Ice
- CDD6E3
≈ Morning Chill
Analogowa -30° +30°
- DDD4C7
Coconut Ice
- E1D2CA
≈ Mocha Ice
- D6D7C8
≈ Silver Green
Triada +120° +240°
- DDD4C7
Coconut Ice
- C7DADA
≈ Julep Green
- DBD1DE
≈ Spun Moonbeams
Komplementarna rozszczepiona +150° +210°
- DDD4C7
Coconut Ice
- C8D8E0
≈ Moonmist
- D4D4E2
≈ Lavender Memory
Tetrada +90° +180° +270°
- DDD4C7
Coconut Ice
- CADAD3
≈ Sea Haze Grey
- CDD6E3
≈ Morning Chill
- E0D0D8
≈ Light Tip Toes
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.31:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.31:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--coconut-ice: #ddd4c7;
--coconut-ice-rgb: 221 212 199;
--coconut-ice-oklch: oklch(0.874 0.02 77.3);
}
.element {
color: var(--coconut-ice);
background-color: hsl(35 24% 82%);
border-color: oklch(0.874 0.02 77.3);
}Tailwind CSS v4
@theme {
--color-coconut-ice: #ddd4c7;
--color-coconut-ice-50: #f8f5ef;
--color-coconut-ice-100: #ebe7e0;
--color-coconut-ice-200: #d9d3cb;
--color-coconut-ice-300: #bdb6ac;
--color-coconut-ice-400: #a59d91;
--color-coconut-ice-500: #8e8578;
--color-coconut-ice-600: #787065;
--color-coconut-ice-700: #605a51;
--color-coconut-ice-800: #47413b;
--color-coconut-ice-900: #312d28;
--color-coconut-ice-950: #1d1a16;
}SCSS
$coconut-ice: #ddd4c7;
$coconut-ice-rgb: 221, 212, 199;
$coconut-ice-light: mix(#fff, $coconut-ice, 20%);
$coconut-ice-dark: mix(#000, $coconut-ice, 20%);
.element {
color: $coconut-ice;
box-shadow: 0 0 0 2px rgba($coconut-ice, 0.35);
}