Adlandırılmış renk · #E5D9B4
Dull Light Yellow
Dull Light Yellow, #E5D9B4: rgb(229 217 180), hsl(45 49% 80%), oklch(0.886 0.051 92.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Dull Light Yellow color name →
#E5D9B4
oklch(0.886 0.051 92.2)
Renk dönüşümleri
- HEX
- #e5d9b4
- RGB
- rgb(229 217 180)
- HSL
- hsl(45 49% 80%)
- HWB
- hwb(45 71% 10%)
- OKLCH
- oklch(0.886 0.051 92.2)
- OKLab
- oklab(0.886 -0.002 0.051)
- CIE Lab
- lab(86.97 -0.05 19.87)
- LCH
- lch(86.97 19.87 90.1)
- CMYK
- cmyk(0% 5% 21% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8DDBC
- EAE1C3
- EDE4CB
- EFE8D2
- F2ECDA
- F5F0E1
- F7F4E8
- FAF7F0
- FCFBF7
Koyu tonlar
- C7BC9C
- AAA185
- 8E866E
- 726C58
- 585344
- 3F3B30
- 28251D
- 12110C
- 030202
Gri tonlar
- DAD0AF
- D0C7AA
- C6BDA4
- BBB49F
- B1AC9A
- A7A395
- 9D9A90
- 93918A
- 8A8985
Renk uyumları
Tamamlayıcı +180°
- E5D9B4
Dull Light Yellow
- CDD8FC
≈ Icy Plains
Analog -30° +30°
- E5D9B4
Dull Light Yellow
- F2D3B8
≈ Serene Peach
- D3DFBB
≈ Spring Glow
Üçlü +120° +240°
- E5D9B4
Dull Light Yellow
- B4E3ED
≈ Ocean Front
- EECEE8
≈ Poodle Pink
Bölünmüş tamamlayıcı +150° +210°
- E5D9B4
Dull Light Yellow
- BDDEF9
≈ Arctic Paradise
- DFD2F6
≈ Japan Blush
Dörtlü +90° +180° +270°
- E5D9B4
Dull Light Yellow
- B5E5DC
≈ Ice Cap Green
- CDD8FC
≈ Icy Plains
- F7CCD6
≈ Pink Lace
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.40:1 · APCA Lc 20
Ag
AAASiyah üzerinde
WCAG 14.91:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 14.91:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--dull-light-yellow: #e5d9b4;
--dull-light-yellow-rgb: 229 217 180;
--dull-light-yellow-oklch: oklch(0.886 0.051 92.2);
}
.element {
color: var(--dull-light-yellow);
background-color: hsl(45 49% 80%);
border-color: oklch(0.886 0.051 92.2);
}Tailwind CSS v4
@theme {
--color-dull-light-yellow: #e5d9b4;
--color-dull-light-yellow-50: #faf5e5;
--color-dull-light-yellow-100: #ede8d5;
--color-dull-light-yellow-200: #dbd4bc;
--color-dull-light-yellow-300: #c0b79b;
--color-dull-light-yellow-400: #a99e7d;
--color-dull-light-yellow-500: #92865f;
--color-dull-light-yellow-600: #7b7151;
--color-dull-light-yellow-700: #635a41;
--color-dull-light-yellow-800: #49422e;
--color-dull-light-yellow-900: #332d1f;
--color-dull-light-yellow-950: #1e1a0f;
}SCSS
$dull-light-yellow: #e5d9b4;
$dull-light-yellow-rgb: 229, 217, 180;
$dull-light-yellow-light: mix(#fff, $dull-light-yellow, 20%);
$dull-light-yellow-dark: mix(#000, $dull-light-yellow, 20%);
.element {
color: $dull-light-yellow;
box-shadow: 0 0 0 2px rgba($dull-light-yellow, 0.35);
}