Nazwany kolor · #E9DFE5
Dainty Flower
Dainty Flower to #E9DFE5: rgb(233 223 229), hsl(324 19% 89%), oklch(0.913 0.013 340.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Dainty Flower color name →
#E9DFE5
oklch(0.913 0.013 340.6)
Konwersje koloru
- HEX
- #e9dfe5
- RGB
- rgb(233 223 229)
- HSL
- hsl(324 19% 89%)
- HWB
- hwb(324 87% 9%)
- OKLCH
- oklch(0.913 0.013 340.6)
- OKLab
- oklab(0.913 0.013 -0.004)
- CIE Lab
- lab(89.76 4.31 -1.66)
- LCH
- lch(89.76 4.62 338.9)
- CMYK
- cmyk(0% 4% 2% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBE2E8
- EDE5EA
- F0E9ED
- F2ECEF
- F4EFF2
- F6F2F5
- F8F5F7
- FBF9FA
- FDFCFC
Odcienie ciemniejsze
- CBC2C7
- ADA5AA
- 908A8E
- 746F72
- 5A5658
- 413D3F
- 292728
- 131212
- 030203
Tony
- DED5DA
- D3CBD0
- C8C2C6
- BEB8BB
- B3AEB1
- A9A5A7
- 9E9B9D
- 949293
- 8A898A
Harmonie kolorów
Komplementarna +180°
- E9DFE5
Dainty Flower
- DBE5DF
≈ Melting Snowman
Analogowa -30° +30°
- E9DFE5
Dainty Flower
- E5E0E9
≈ Guardian Angel
- EBDFE0
≈ Crystallise
Triada +120° +240°
- E9DFE5
Dainty Flower
- E4E3D9
≈ Cotton White
- D9E5E9
≈ Arctic Blizzard
Komplementarna rozszczepiona +150° +210°
- E9DFE5
Dainty Flower
- DFE4DB
≈ Shy Mint
- D9E5E4
≈ Airflow
Tetrada +90° +180° +270°
- E9DFE5
Dainty Flower
- E8E1D9
≈ Spring Wood
- DBE5DF
≈ Melting Snowman
- DCE3EB
≈ Icelandic
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.30:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.15:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.15:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--dainty-flower: #e9dfe5;
--dainty-flower-rgb: 233 223 229;
--dainty-flower-oklch: oklch(0.913 0.013 340.6);
}
.element {
color: var(--dainty-flower);
background-color: hsl(324 19% 89%);
border-color: oklch(0.913 0.013 340.6);
}Tailwind CSS v4
@theme {
--color-dainty-flower: #e9dfe5;
--color-dainty-flower-50: #f8f4f6;
--color-dainty-flower-100: #ebe6e9;
--color-dainty-flower-200: #d9d2d6;
--color-dainty-flower-300: #bdb5b9;
--color-dainty-flower-400: #a49ba1;
--color-dainty-flower-500: #8d8389;
--color-dainty-flower-600: #776f74;
--color-dainty-flower-700: #5f595d;
--color-dainty-flower-800: #464144;
--color-dainty-flower-900: #302d2f;
--color-dainty-flower-950: #1c1a1b;
}SCSS
$dainty-flower: #e9dfe5;
$dainty-flower-rgb: 233, 223, 229;
$dainty-flower-light: mix(#fff, $dainty-flower, 20%);
$dainty-flower-dark: mix(#000, $dainty-flower, 20%);
.element {
color: $dainty-flower;
box-shadow: 0 0 0 2px rgba($dainty-flower, 0.35);
}