Adlandırılmış renk · #EAE8EC
Dandelion Floatie
Dandelion Floatie, #EAE8EC: rgb(234 232 236), hsl(270 10% 92%), oklch(0.934 0.006 308.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Dandelion Floatie color name →
#EAE8EC
oklch(0.934 0.006 308.4)
Renk dönüşümleri
- HEX
- #eae8ec
- RGB
- rgb(234 232 236)
- HSL
- hsl(270 10% 92%)
- HWB
- hwb(270 91% 7%)
- OKLCH
- oklch(0.934 0.006 308.4)
- OKLab
- oklab(0.934 0.004 -0.005)
- CIE Lab
- lab(92.24 1.23 -1.7)
- LCH
- lch(92.24 2.1 305.9)
- CMYK
- cmyk(1% 2% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ECEAEE
- EEEDF0
- F0EFF2
- F2F1F4
- F4F3F5
- F7F6F7
- F9F8F9
- FBFAFB
- FDFDFD
Koyu tonlar
- CBCACD
- AEACAF
- 919092
- 757476
- 5A595B
- 414042
- 292929
- 131313
- 030303
Gri tonlar
- DFDDE1
- D4D2D5
- C9C8CA
- BEBDBF
- B4B3B4
- A9A8AA
- 9F9E9F
- 949495
- 8A8A8A
Renk uyumları
Tamamlayıcı +180°
- EAE8EC
Dandelion Floatie
- E8EAE6
≈ Pacific Pearl
Analog -30° +30°
- EAE8EC
Dandelion Floatie
- E8E9ED
≈ Dandelion Floatie
- ECE8EA
≈ Eyes White Shut
Üçlü +120° +240°
- EAE8EC
Dandelion Floatie
- ECE8E5
≈ Heavenly White
- E5EAEA
≈ Swirling Water
Bölünmüş tamamlayıcı +150° +210°
- EAE8EC
Dandelion Floatie
- EAE9E5
≈ Faded Grey
- E6EAE8
≈ Mt. Hood White
Dörtlü +90° +180° +270°
- EAE8EC
Dandelion Floatie
- EDE8E6
≈ Flower Girl Dress
- E8EAE6
≈ Pacific Pearl
- E5EAEC
≈ Calla Lily
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.21:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.25:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.25:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--dandelion-floatie: #eae8ec;
--dandelion-floatie-rgb: 234 232 236;
--dandelion-floatie-oklch: oklch(0.934 0.006 308.4);
}
.element {
color: var(--dandelion-floatie);
background-color: hsl(270 10% 92%);
border-color: oklch(0.934 0.006 308.4);
}Tailwind CSS v4
@theme {
--color-dandelion-floatie: #eae8ec;
--color-dandelion-floatie-50: #f5f5f6;
--color-dandelion-floatie-100: #e8e7e9;
--color-dandelion-floatie-200: #d5d3d6;
--color-dandelion-floatie-300: #b8b6b9;
--color-dandelion-floatie-400: #9f9da1;
--color-dandelion-floatie-500: #878589;
--color-dandelion-floatie-600: #727174;
--color-dandelion-floatie-700: #5b5a5d;
--color-dandelion-floatie-800: #434244;
--color-dandelion-floatie-900: #2e2d2f;
--color-dandelion-floatie-950: #1b1a1b;
}SCSS
$dandelion-floatie: #eae8ec;
$dandelion-floatie-rgb: 234, 232, 236;
$dandelion-floatie-light: mix(#fff, $dandelion-floatie, 20%);
$dandelion-floatie-dark: mix(#000, $dandelion-floatie, 20%);
.element {
color: $dandelion-floatie;
box-shadow: 0 0 0 2px rgba($dandelion-floatie, 0.35);
}