Adlandırılmış renk · #E6DA78
Lustrous Yellow
Lustrous Yellow, #E6DA78: rgb(230 218 120), hsl(53 69% 69%), oklch(0.878 0.121 102.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? → · Lustrous Yellow color name →
#E6DA78
oklch(0.878 0.121 102.3)
Renk dönüşümleri
- HEX
- #e6da78
- RGB
- rgb(230 218 120)
- HSL
- hsl(53 69% 69%)
- HWB
- hwb(53 47% 10%)
- OKLCH
- oklch(0.878 0.121 102.3)
- OKLab
- oklab(0.878 -0.026 0.118)
- CIE Lab
- lab(86.51 -5.25 49.35)
- LCH
- lch(86.51 49.63 96.1)
- CMYK
- cmyk(0% 5% 48% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8DE87
- EBE296
- EDE6A4
- F0E9B2
- F2EDBF
- F5F1CC
- F7F4D9
- FAF8E6
- FCFCF2
Koyu tonlar
- C8BD67
- ABA257
- 8E8748
- 736C39
- 59542A
- 403C1D
- 282510
- 131105
- 030201
Gri tonlar
- DBD17B
- D1C87D
- C6BF7E
- BCB57F
- B1AC80
- A7A381
- 9D9B81
- 939281
- 8A8981
Renk uyumları
Tamamlayıcı +180°
- E6DA78
Lustrous Yellow
- D0D2FF
≈ Pale Phthalo Blue
Analog -30° +30°
- E6DA78
Lustrous Yellow
- FFCD8E
≈ Goldenrod Yellow
- B9E894
≈ Sweet Mint Pesto
Üçlü +120° +240°
- E6DA78
Lustrous Yellow
- 97E4FF
≈ Winter Wizard
- FFC1E6
≈ Pretty in Pink
Bölünmüş tamamlayıcı +150° +210°
- E6DA78
Lustrous Yellow
- BADAFF
≈ Broad Daylight
- EAC7FF
≈ Aquarelle Lilac
Dörtlü +90° +180° +270°
- E6DA78
Lustrous Yellow
- 64F0EC
≈ Poseidon Jr.
- D0D2FF
≈ Pale Phthalo Blue
- FFC6CB
≈ Rubber Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.43:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.66:1 · APCA Lc 83
En iyi metin rengi: #000000
WCAG 14.66:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--lustrous-yellow: #e6da78;
--lustrous-yellow-rgb: 230 218 120;
--lustrous-yellow-oklch: oklch(0.878 0.121 102.3);
}
.element {
color: var(--lustrous-yellow);
background-color: hsl(53 69% 69%);
border-color: oklch(0.878 0.121 102.3);
}Tailwind CSS v4
@theme {
--color-lustrous-yellow: #e6da78;
--color-lustrous-yellow-50: #faf8d0;
--color-lustrous-yellow-100: #eeebbc;
--color-lustrous-yellow-200: #dcd89b;
--color-lustrous-yellow-300: #c1bb70;
--color-lustrous-yellow-400: #aca144;
--color-lustrous-yellow-500: #968800;
--color-lustrous-yellow-600: #7f7303;
--color-lustrous-yellow-700: #665c05;
--color-lustrous-yellow-800: #4c4301;
--color-lustrous-yellow-900: #352e02;
--color-lustrous-yellow-950: #201b00;
}SCSS
$lustrous-yellow: #e6da78;
$lustrous-yellow-rgb: 230, 218, 120;
$lustrous-yellow-light: mix(#fff, $lustrous-yellow, 20%);
$lustrous-yellow-dark: mix(#000, $lustrous-yellow, 20%);
.element {
color: $lustrous-yellow;
box-shadow: 0 0 0 2px rgba($lustrous-yellow, 0.35);
}