Najbliższy nazwany kolor · #EED9CF
#EED9CF
Najbliższy nazwany kolor: Blushing Coconut
#EED9CF (rgb(238 217 207), hsl(19 48% 87%), oklch(0.9 0.027 47.2)) jest najbliższy nazwanemu kolorowi Blushing Coconut. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#EED9CF
oklch(0.9 0.027 47.2)
Konwersje koloru
- HEX
- #eed9cf
- RGB
- rgb(238 217 207)
- HSL
- hsl(19 48% 87%)
- HWB
- hwb(19 81% 7%)
- OKLCH
- oklch(0.9 0.027 47.2)
- OKLab
- oklab(0.9 0.018 0.02)
- CIE Lab
- lab(88.23 6.29 7.71)
- LCH
- lch(88.23 9.95 50.8)
- CMYK
- cmyk(0% 9% 13% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0DDD4
- F1E1D8
- F3E4DD
- F5E8E2
- F7ECE7
- F8F0EC
- FAF4F0
- FCF7F5
- FDFBFA
Odcienie ciemniejsze
- CFBCB4
- B1A199
- 93867F
- 776C67
- 5C534F
- 423B38
- 2A2523
- 141110
- 030202
Tony
- E2D0C7
- D7C7BF
- CCBDB7
- C1B4AF
- B6ABA7
- ABA39F
- A09A97
- 95918F
- 8A8988
Harmonie kolorów
Komplementarna +180°
- EED9CF
Blushing Coconut
- CCE2EC
≈ Niagara Falls
Analogowa -30° +30°
- EED9CF
Blushing Coconut
- EFD7D7
≈ Light Petite Pink
- E8DCCB
≈ White Mocha
Triada +120° +240°
- EED9CF
Blushing Coconut
- CEE4DA
≈ Light Silverton
- DCDCEF
≈ Chinese Silver
Komplementarna rozszczepiona +150° +210°
- EED9CF
Blushing Coconut
- CAE4E4
≈ Wave Splash
- D3DFF0
≈ Brisa de Mar
Tetrada +90° +180° +270°
- EED9CF
Blushing Coconut
- D6E2D1
≈ Sweet Mint Tea
- CCE2EC
≈ Niagara Falls
- E5D9EA
≈ Pale Grey Magenta
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.35:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.46:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.46:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--blushing-coconut: #eed9cf;
--blushing-coconut-rgb: 238 217 207;
--blushing-coconut-oklch: oklch(0.9 0.027 47.2);
}
.element {
color: var(--blushing-coconut);
background-color: hsl(19 48% 87%);
border-color: oklch(0.9 0.027 47.2);
}Tailwind CSS v4
@theme {
--color-blushing-coconut: #eed9cf;
--color-blushing-coconut-50: #fcf3ee;
--color-blushing-coconut-100: #f0e5e0;
--color-blushing-coconut-200: #ded1ca;
--color-blushing-coconut-300: #c4b4ab;
--color-blushing-coconut-400: #ad9a91;
--color-blushing-coconut-500: #968177;
--color-blushing-coconut-600: #7f6d65;
--color-blushing-coconut-700: #665751;
--color-blushing-coconut-800: #4b403b;
--color-blushing-coconut-900: #342c28;
--color-blushing-coconut-950: #1f1916;
}SCSS
$blushing-coconut: #eed9cf;
$blushing-coconut-rgb: 238, 217, 207;
$blushing-coconut-light: mix(#fff, $blushing-coconut, 20%);
$blushing-coconut-dark: mix(#000, $blushing-coconut, 20%);
.element {
color: $blushing-coconut;
box-shadow: 0 0 0 2px rgba($blushing-coconut, 0.35);
}