Adlandırılmış renk · #EEDD88
Coco-Lemon Tart
Coco-Lemon Tart, #EEDD88: rgb(238 221 136), hsl(50 75% 73%), oklch(0.893 0.107 98.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Coco-Lemon Tart color name →
#EEDD88
oklch(0.893 0.107 98.3)
Renk dönüşümleri
- HEX
- #eedd88
- RGB
- rgb(238 221 136)
- HSL
- hsl(50 75% 73%)
- HWB
- hwb(50 53% 7%)
- OKLCH
- oklch(0.893 0.107 98.3)
- OKLab
- oklab(0.893 -0.015 0.106)
- CIE Lab
- lab(88.14 -2.4 43.81)
- LCH
- lch(88.14 43.88 93.1)
- CMYK
- cmyk(0% 7% 43% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0E195
- F1E4A2
- F3E8AE
- F5EBBA
- F6EEC6
- F8F2D1
- FAF5DD
- FBF9E8
- FDFCF4
Koyu tonlar
- CFC075
- B1A463
- 938852
- 776E41
- 5C5531
- 423D22
- 2A2613
- 141106
- 030201
Gri tonlar
- E2D388
- D7CA88
- CCC088
- C0B788
- B5AE87
- AAA486
- A09B85
- 959283
- 8A8982
Renk uyumları
Tamamlayıcı +180°
- EEDD88
Coco-Lemon Tart
- D3D9FF
≈ Icy Plains
Analog -30° +30°
- EEDD88
Coco-Lemon Tart
- FFD3A4
≈ Affinity
- C7EA9D
≈ Crystal Apple
Üçlü +120° +240°
- EEDD88
Coco-Lemon Tart
- 9FE9FF
≈ Winter Wizard
- FFC8EE
≈ Rosy Maple Moth
Bölünmüş tamamlayıcı +150° +210°
- EEDD88
Coco-Lemon Tart
- C0E0FF
≈ Dithered Sky
- E8D0FF
≈ Rose Dragée
Dörtlü +90° +180° +270°
- EEDD88
Coco-Lemon Tart
- 7FF3E9
≈ Turquoise Pearl
- D3D9FF
≈ Icy Plains
- FFCDD4
≈ Love Fumes
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.36:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.33:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.33:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--coco-lemon-tart: #eedd88;
--coco-lemon-tart-rgb: 238 221 136;
--coco-lemon-tart-oklch: oklch(0.893 0.107 98.3);
}
.element {
color: var(--coco-lemon-tart);
background-color: hsl(50 75% 73%);
border-color: oklch(0.893 0.107 98.3);
}Tailwind CSS v4
@theme {
--color-coco-lemon-tart: #eedd88;
--color-coco-lemon-tart-50: #fcf7d4;
--color-coco-lemon-tart-100: #f0e9c1;
--color-coco-lemon-tart-200: #ded6a1;
--color-coco-lemon-tart-300: #c4b978;
--color-coco-lemon-tart-400: #af9f50;
--color-coco-lemon-tart-500: #99861f;
--color-coco-lemon-tart-600: #81721e;
--color-coco-lemon-tart-700: #675b18;
--color-coco-lemon-tart-800: #4d420e;
--color-coco-lemon-tart-900: #362e09;
--color-coco-lemon-tart-950: #211a00;
}SCSS
$coco-lemon-tart: #eedd88;
$coco-lemon-tart-rgb: 238, 221, 136;
$coco-lemon-tart-light: mix(#fff, $coco-lemon-tart, 20%);
$coco-lemon-tart-dark: mix(#000, $coco-lemon-tart, 20%);
.element {
color: $coco-lemon-tart;
box-shadow: 0 0 0 2px rgba($coco-lemon-tart, 0.35);
}