Adlandırılmış renk · #E8D720
Holy Grail
Holy Grail, #E8D720: rgb(232 215 32), hsl(55 81% 52%), oklch(0.866 0.177 103.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Holy Grail color name →
#E8D720
oklch(0.866 0.177 103.5)
Renk dönüşümleri
- HEX
- #e8d720
- RGB
- rgb(232 215 32)
- HSL
- hsl(55 81% 52%)
- HWB
- hwb(55 13% 9%)
- OKLCH
- oklch(0.866 0.177 103.5)
- OKLab
- oklab(0.866 -0.041 0.172)
- CIE Lab
- lab(85.38 -6.44 80.12)
- LCH
- lch(85.38 80.38 94.6)
- CMYK
- cmyk(0% 7% 86% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EADB4C
- ECE068
- EEE47F
- F1E894
- F3ECA7
- F5F0B9
- F7F4CB
- FAF8DD
- FCFBEE
Koyu tonlar
- CABB1A
- AC9F15
- 90850F
- 746B0A
- 595206
- 403B03
- 292501
- 131100
- 030200
Gri tonlar
- DDCE3B
- D2C64B
- C7BD57
- BDB461
- B2AC68
- A8A36F
- 9E9A74
- 949179
- 8A897D
Renk uyumları
Tamamlayıcı +180°
- E8D720
Holy Grail
- CCCEFF
≈ Lavender Blue
Analog -30° +30°
- E8D720
Holy Grail
- FFC87F
≈ Beige Topaz
- A3EB6B
≈ Inchworm
Üçlü +120° +240°
- E8D720
Holy Grail
- 8EE1FF
≈ Tranquil Pool
- FFBBE3
≈ Bubblegum Heart
Bölünmüş tamamlayıcı +150° +210°
- E8D720
Holy Grail
- B5D6FF
≈ Ice Cold Stare
- E9C1FF
≈ Jane Purple
Dörtlü +90° +180° +270°
- E8D720
Holy Grail
- 00F1EE
≈ Aqua Cyan
- CCCEFF
≈ Lavender Blue
- FFC0C5
≈ Piglet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.48:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.17:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.17:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--holy-grail: #e8d720;
--holy-grail-rgb: 232 215 32;
--holy-grail-oklch: oklch(0.866 0.177 103.5);
}
.element {
color: var(--holy-grail);
background-color: hsl(55 81% 52%);
border-color: oklch(0.866 0.177 103.5);
}Tailwind CSS v4
@theme {
--color-holy-grail: #e8d720;
--color-holy-grail-50: #fcf9be;
--color-holy-grail-100: #f0eca7;
--color-holy-grail-200: #dfd97d;
--color-holy-grail-300: #c4bc41;
--color-holy-grail-400: #b2a100;
--color-holy-grail-500: #9d8800;
--color-holy-grail-600: #847300;
--color-holy-grail-700: #6a5c00;
--color-holy-grail-800: #504200;
--color-holy-grail-900: #382e00;
--color-holy-grail-950: #221a00;
}SCSS
$holy-grail: #e8d720;
$holy-grail-rgb: 232, 215, 32;
$holy-grail-light: mix(#fff, $holy-grail, 20%);
$holy-grail-dark: mix(#000, $holy-grail, 20%);
.element {
color: $holy-grail;
box-shadow: 0 0 0 2px rgba($holy-grail, 0.35);
}