이름 색상 · #E8D720

Holy Grail

Holy Grail은(는) #E8D720: rgb(232 215 32), hsl(55 81% 52%), oklch(0.866 0.177 103.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Holy Grail color name →

#E8D720

oklch(0.866 0.177 103.5)

색상 변환

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%)

틴트 · 셰이드 · 톤

틴트

EADB4C
ECE068
EEE47F
F1E894
F3ECA7
F5F0B9
F7F4CB
FAF8DD
FCFBEE

셰이드

CABB1A
AC9F15
90850F
746B0A
595206
403B03
292501
131100
030200

톤

DDCE3B
D2C64B
C7BD57
BDB461
B2AC68
A8A36F
9E9A74
949179
8A897D

색 조화

보색 +180°

E8D720
Holy Grail
CCCEFF
≈ Lavender Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 1.48:1 · APCA Lc 23

Fail

검은색 위

WCAG 14.17:1 · APCA Lc 81

AAA

가장 좋은 글자색: #000000

WCAG 14.17:1 (AAA) · APCA Lc 81

Contrast pairs

코드 스니펫

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);
}

비슷한 이름 색상

도구에서 열기

피커 조합 대비 검사기 Studio JSON API