Nazwany kolor · #EBD1CD
Cool Melon
Cool Melon to #EBD1CD: rgb(235 209 205), hsl(8 43% 86%), oklch(0.881 0.03 28.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Cool Melon color name →
#EBD1CD
oklch(0.881 0.03 28.1)
Konwersje koloru
- HEX
- #ebd1cd
- RGB
- rgb(235 209 205)
- HSL
- hsl(8 43% 86%)
- HWB
- hwb(8 80% 8%)
- OKLCH
- oklch(0.881 0.03 28.1)
- OKLab
- oklab(0.881 0.026 0.014)
- CIE Lab
- lab(85.95 8.88 5.48)
- LCH
- lch(85.95 10.43 31.7)
- CMYK
- cmyk(0% 11% 13% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDD6D2
- EFDAD7
- F1DFDC
- F3E3E1
- F5E8E6
- F7ECEB
- F9F1F0
- FBF6F5
- FDFAFA
Odcienie ciemniejsze
- CCB5B2
- AE9B98
- 91817E
- 756866
- 5B504E
- 413938
- 292323
- 13100F
- 030202
Tony
- E0C9C5
- D5C0BD
- CAB8B5
- BFB0AD
- B4A8A6
- AAA09E
- 9F9896
- 95908F
- 8A8887
Harmonie kolorów
Komplementarna +180°
- EBD1CD
Cool Melon
- C2DEE2
≈ Ice Shard Soft Blue
Analogowa -30° +30°
- EBD1CD
Cool Melon
- E9D0D8
≈ Orchid Rose
- E8D4C5
≈ Soft Shoe
Triada +120° +240°
- EBD1CD
Cool Melon
- CBDECD
≈ Ruins of Civilization
- CFD8EC
≈ Lilac Cotton Candy
Komplementarna rozszczepiona +150° +210°
- EBD1CD
Cool Melon
- C4DFD8
≈ Ulthuan Grey
- C7DBEA
≈ Celestial Light
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.53:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.53:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--cool-melon: #ebd1cd;
--cool-melon-rgb: 235 209 205;
--cool-melon-oklch: oklch(0.881 0.03 28.1);
}
.element {
color: var(--cool-melon);
background-color: hsl(8 43% 86%);
border-color: oklch(0.881 0.03 28.1);
}Tailwind CSS v4
@theme {
--color-cool-melon: #ebd1cd;
--color-cool-melon-50: #fef2f0;
--color-cool-melon-100: #f2e4e2;
--color-cool-melon-200: #e1d0cd;
--color-cool-melon-300: #c6b2ae;
--color-cool-melon-400: #af9895;
--color-cool-melon-500: #997f7b;
--color-cool-melon-600: #816c68;
--color-cool-melon-700: #685653;
--color-cool-melon-800: #4c3f3d;
--color-cool-melon-900: #352b2a;
--color-cool-melon-950: #201817;
}SCSS
$cool-melon: #ebd1cd;
$cool-melon-rgb: 235, 209, 205;
$cool-melon-light: mix(#fff, $cool-melon, 20%);
$cool-melon-dark: mix(#000, $cool-melon, 20%);
.element {
color: $cool-melon;
box-shadow: 0 0 0 2px rgba($cool-melon, 0.35);
}