Nazwany kolor · #EEDDEE
Divine Dove
Divine Dove to #EEDDEE: rgb(238 221 238), hsl(300 33% 90%), oklch(0.916 0.029 325.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Divine Dove color name →
#EEDDEE
oklch(0.916 0.029 325.8)
Konwersje koloru
- HEX
- #eeddee
- RGB
- rgb(238 221 238)
- HSL
- hsl(300 33% 90%)
- HWB
- hwb(300 87% 7%)
- OKLCH
- oklch(0.916 0.029 325.8)
- OKLab
- oklab(0.916 0.024 -0.016)
- CIE Lab
- lab(89.88 8.23 -6.12)
- LCH
- lch(89.88 10.26 323.4)
- CMYK
- cmyk(0% 7% 0% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0E0F0
- F1E4F1
- F3E7F3
- F5EBF5
- F7EEF7
- F8F1F8
- FAF5FA
- FCF8FC
- FDFCFD
Odcienie ciemniejsze
- CFC0CF
- B1A4B1
- 938893
- 776E77
- 5C555C
- 423D42
- 2A262A
- 141114
- 030203
Tony
- E2D3E2
- D7CAD7
- CCC0CC
- C1B7C1
- B5ADB5
- ABA4AB
- A09BA0
- 959295
- 8A898A
Harmonie kolorów
Komplementarna +180°
- EEDDEE
Divine Dove
- D8E9D8
≈ Jade Mist
Analogowa -30° +30°
- EEDDEE
Divine Dove
- E4E0F5
≈ Lingering Lilac
- F4DCE4
≈ Ranunculus White
Triada +120° +240°
- EEDDEE
Divine Dove
- ECE2CE
≈ Radiant Dawn
- CEE9ED
≈ Summer Mist
Komplementarna rozszczepiona +150° +210°
- EEDDEE
Divine Dove
- E2E6D0
≈ Bleached Jade
- D0EAE2
≈ Ice Water Green
Tetrada +90° +180° +270°
- EEDDEE
Divine Dove
- F3DFD1
≈ Canyonville
- D8E9D8
≈ Jade Mist
- D2E7F4
≈ On Thin Ice
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.29:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.21:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.21:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--divine-dove: #eeddee;
--divine-dove-rgb: 238 221 238;
--divine-dove-oklch: oklch(0.916 0.029 325.8);
}
.element {
color: var(--divine-dove);
background-color: hsl(300 33% 90%);
border-color: oklch(0.916 0.029 325.8);
}Tailwind CSS v4
@theme {
--color-divine-dove: #eeddee;
--color-divine-dove-50: #faf2f9;
--color-divine-dove-100: #ede5ed;
--color-divine-dove-200: #dbd0db;
--color-divine-dove-300: #c0b2bf;
--color-divine-dove-400: #a899a8;
--color-divine-dove-500: #918091;
--color-divine-dove-600: #7a6c7a;
--color-divine-dove-700: #625662;
--color-divine-dove-800: #483f48;
--color-divine-dove-900: #322b32;
--color-divine-dove-950: #1e191e;
}SCSS
$divine-dove: #eeddee;
$divine-dove-rgb: 238, 221, 238;
$divine-dove-light: mix(#fff, $divine-dove, 20%);
$divine-dove-dark: mix(#000, $divine-dove, 20%);
.element {
color: $divine-dove;
box-shadow: 0 0 0 2px rgba($divine-dove, 0.35);
}