Adlandırılmış renk · #E6EAE0
Hydrangea Floret
Hydrangea Floret, #E6EAE0: rgb(230 234 224), hsl(84 19% 90%), oklch(0.931 0.014 124.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Hydrangea Floret color name →
#E6EAE0
oklch(0.931 0.014 124.6)
Renk dönüşümleri
- HEX
- #e6eae0
- RGB
- rgb(230 234 224)
- HSL
- hsl(84 19% 90%)
- HWB
- hwb(84 88% 8%)
- OKLCH
- oklch(0.931 0.014 124.6)
- OKLab
- oklab(0.931 -0.008 0.012)
- CIE Lab
- lab(92.18 -2.7 4.38)
- LCH
- lch(92.18 5.15 121.7)
- CMYK
- cmyk(2% 0% 4% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8ECE3
- EBEEE6
- EDF0E9
- F0F2EC
- F2F4EF
- F5F7F3
- F7F9F6
- FAFBF9
- FCFDFC
Koyu tonlar
- C8CBC3
- ABAEA6
- 8E918A
- 737570
- 595A56
- 40413E
- 282927
- 131312
- 030302
Gri tonlar
- DBDFD6
- D1D4CC
- C6C9C2
- BCBEB8
- B2B4AF
- A7A9A5
- 9D9F9C
- 939492
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- E6EAE0
Hydrangea Floret
- EAE6F0
≈ Tranquil Eve
Analog -30° +30°
- E6EAE0
Hydrangea Floret
- EBE8DE
≈ Soft Wool
- E1EBE4
≈ Delicate Mist
Üçlü +120° +240°
- E6EAE0
Hydrangea Floret
- E1EAF1
≈ Himalaya Peaks
- F1E5E7
≈ Venus Pink
Bölünmüş tamamlayıcı +150° +210°
- E6EAE0
Hydrangea Floret
- E5E8F2
≈ Whisper Blue
- EFE5EC
≈ In the Spotlight
Dörtlü +90° +180° +270°
- E6EAE0
Hydrangea Floret
- DEEBEE
≈ Prelude
- EAE6F0
≈ Tranquil Eve
- F1E5E2
≈ Hint of Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.21:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.21:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--hydrangea-floret: #e6eae0;
--hydrangea-floret-rgb: 230 234 224;
--hydrangea-floret-oklch: oklch(0.931 0.014 124.6);
}
.element {
color: var(--hydrangea-floret);
background-color: hsl(84 19% 90%);
border-color: oklch(0.931 0.014 124.6);
}Tailwind CSS v4
@theme {
--color-hydrangea-floret: #e6eae0;
--color-hydrangea-floret-50: #f4f6f2;
--color-hydrangea-floret-100: #e6e9e4;
--color-hydrangea-floret-200: #d2d5cf;
--color-hydrangea-floret-300: #b5b9b1;
--color-hydrangea-floret-400: #9ca097;
--color-hydrangea-floret-500: #84887e;
--color-hydrangea-floret-600: #70736b;
--color-hydrangea-floret-700: #595c55;
--color-hydrangea-floret-800: #41433e;
--color-hydrangea-floret-900: #2d2e2b;
--color-hydrangea-floret-950: #1a1b18;
}SCSS
$hydrangea-floret: #e6eae0;
$hydrangea-floret-rgb: 230, 234, 224;
$hydrangea-floret-light: mix(#fff, $hydrangea-floret, 20%);
$hydrangea-floret-dark: mix(#000, $hydrangea-floret, 20%);
.element {
color: $hydrangea-floret;
box-shadow: 0 0 0 2px rgba($hydrangea-floret, 0.35);
}