이름 색상 · #D9A400
Golden Beryl Yellow
Golden Beryl Yellow은(는) #D9A400: rgb(217 164 0), hsl(45 100% 43%), oklch(0.748 0.153 85.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Golden Beryl Yellow color name →
#D9A400
oklch(0.748 0.153 85.2)
색상 변환
- HEX
- #d9a400
- RGB
- rgb(217 164 0)
- HSL
- hsl(45 100% 43%)
- HWB
- hwb(45 0% 15%)
- OKLCH
- oklch(0.748 0.153 85.2)
- OKLab
- oklab(0.748 0.013 0.153)
- CIE Lab
- lab(70.91 11.95 73.6)
- LCH
- lch(70.91 74.56 80.8)
- CMYK
- cmyk(0% 24% 100% 15%)
틴트 · 셰이드 · 톤
틴트
- DDAD3B
- E1B758
- E5C071
- E9C987
- EDD29C
- F0DBB0
- F4E4C4
- F8EDD8
- FBF6EB
셰이드
- BC8E00
- A17900
- 866400
- 6C5000
- 533D00
- 3B2B00
- 251A00
- 110A00
- 020100
톤
- D0A12A
- C79D3D
- BE9A4A
- B59755
- AC935E
- A38F66
- 9A8C6E
- 918874
- 89847A
색 조화
보색 +180°
- D9A400
Golden Beryl Yellow
- 85ABFF
≈ Kitten’s Eye
유사색 -30° +30°
- D9A400
Golden Beryl Yellow
- F69041
≈ Fall River
- AAB831
≈ Lush Bamboo
삼각 배색 +120° +240°
- D9A400
Golden Beryl Yellow
- 00C4D4
≈ The Crowd Roars!
- DD89E2
≈ Bright Lilac
분열 보색 +150° +210°
- D9A400
Golden Beryl Yellow
- 22BBFF
≈ Cherenkov Radiation
- B599FF
≈ Liliac
사각 배색 +90° +180° +270°
- D9A400
Golden Beryl Yellow
- 00C9A8
≈ Jadeite
- 85ABFF
≈ Kitten’s Eye
- F781B2
≈ Brown Knapweed
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.26:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.26:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.26:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--golden-beryl-yellow: #d9a400;
--golden-beryl-yellow-rgb: 217 164 0;
--golden-beryl-yellow-oklch: oklch(0.748 0.153 85.2);
}
.element {
color: var(--golden-beryl-yellow);
background-color: hsl(45 100% 43%);
border-color: oklch(0.748 0.153 85.2);
}Tailwind CSS v4
@theme {
--color-golden-beryl-yellow: #d9a400;
--color-golden-beryl-yellow-50: #fff3c4;
--color-golden-beryl-yellow-100: #fee5ad;
--color-golden-beryl-yellow-200: #f0d186;
--color-golden-beryl-yellow-300: #d9b252;
--color-golden-beryl-yellow-400: #c79600;
--color-golden-beryl-yellow-500: #b47a00;
--color-golden-beryl-yellow-600: #986800;
--color-golden-beryl-yellow-700: #7a5300;
--color-golden-beryl-yellow-800: #5b3c00;
--color-golden-beryl-yellow-900: #402900;
--color-golden-beryl-yellow-950: #291600;
}SCSS
$golden-beryl-yellow: #d9a400;
$golden-beryl-yellow-rgb: 217, 164, 0;
$golden-beryl-yellow-light: mix(#fff, $golden-beryl-yellow, 20%);
$golden-beryl-yellow-dark: mix(#000, $golden-beryl-yellow, 20%);
.element {
color: $golden-beryl-yellow;
box-shadow: 0 0 0 2px rgba($golden-beryl-yellow, 0.35);
}