Adlandırılmış renk · #EBE1CB
Light Pollinate
Light Pollinate, #EBE1CB: rgb(235 225 203), hsl(41 44% 86%), oklch(0.912 0.031 86.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Light Pollinate color name →
#EBE1CB
oklch(0.912 0.031 86.5)
Renk dönüşümleri
- HEX
- #ebe1cb
- RGB
- rgb(235 225 203)
- HSL
- hsl(41 44% 86%)
- HWB
- hwb(41 80% 8%)
- OKLCH
- oklch(0.912 0.031 86.5)
- OKLab
- oklab(0.912 0.002 0.031)
- CIE Lab
- lab(89.9 0.84 12.09)
- LCH
- lch(89.9 12.12 86)
- CMYK
- cmyk(0% 4% 14% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDE4D0
- EFE7D5
- F1EADB
- F3EDE0
- F5F0E5
- F7F3EA
- F9F6EF
- FBF9F5
- FDFCFA
Koyu tonlar
- CCC4B0
- AEA796
- 918B7D
- 757065
- 5B564D
- 413E37
- 292722
- 13120F
- 030202
Gri tonlar
- E0D7C3
- D5CDBC
- CAC3B4
- BFB9AC
- B4AFA5
- A9A69D
- 9F9C96
- 94938F
- 8A8987
Renk uyumları
Tamamlayıcı +180°
- EBE1CB
Light Pollinate
- D8E2F8
≈ Aquarelle Purple
Analog -30° +30°
- EBE1CB
Light Pollinate
- F3DDCE
≈ Peachtree
- E0E5CE
≈ Willow Brook
Üçlü +120° +240°
- EBE1CB
Light Pollinate
- CBE8EC
≈ Ethereal Mood
- EEDBED
≈ Maiden of the Mist
Bölünmüş tamamlayıcı +150° +210°
- EBE1CB
Light Pollinate
- CFE6F4
≈ New Heights
- E3DEF5
≈ Lingering Lilac
Dörtlü +90° +180° +270°
- EBE1CB
Light Pollinate
- CDE9E1
≈ Frosty White Blue
- D8E2F8
≈ Aquarelle Purple
- F4DAE2
≈ Fancy Pants
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.29:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.16:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.16:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-pollinate: #ebe1cb;
--light-pollinate-rgb: 235 225 203;
--light-pollinate-oklch: oklch(0.912 0.031 86.5);
}
.element {
color: var(--light-pollinate);
background-color: hsl(41 44% 86%);
border-color: oklch(0.912 0.031 86.5);
}Tailwind CSS v4
@theme {
--color-light-pollinate: #ebe1cb;
--color-light-pollinate-50: #f9f5eb;
--color-light-pollinate-100: #ece8dc;
--color-light-pollinate-200: #dad4c6;
--color-light-pollinate-300: #beb7a6;
--color-light-pollinate-400: #a69e8a;
--color-light-pollinate-500: #8f856f;
--color-light-pollinate-600: #79715e;
--color-light-pollinate-700: #615a4b;
--color-light-pollinate-800: #474236;
--color-light-pollinate-900: #312d25;
--color-light-pollinate-950: #1d1a14;
}SCSS
$light-pollinate: #ebe1cb;
$light-pollinate-rgb: 235, 225, 203;
$light-pollinate-light: mix(#fff, $light-pollinate, 20%);
$light-pollinate-dark: mix(#000, $light-pollinate, 20%);
.element {
color: $light-pollinate;
box-shadow: 0 0 0 2px rgba($light-pollinate, 0.35);
}