이름 색상 · #EBDE31
Golden Fizz
Golden Fizz은(는) #EBDE31: rgb(235 222 49), hsl(56 82% 56%), oklch(0.884 0.176 104.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Golden Fizz color name →
#EBDE31
oklch(0.884 0.176 104.9)
색상 변환
- HEX
- #ebde31
- RGB
- rgb(235 222 49)
- HSL
- hsl(56 82% 56%)
- HWB
- hwb(56 19% 8%)
- OKLCH
- oklch(0.884 0.176 104.9)
- OKLab
- oklab(0.884 -0.045 0.17)
- CIE Lab
- lab(87.5 -8.18 78.04)
- LCH
- lch(87.5 78.47 96)
- CMYK
- cmyk(0% 6% 79% 8%)
틴트 · 셰이드 · 톤
틴트
- EDE255
- EFE56E
- F0E984
- F2EC98
- F4F0AB
- F6F3BC
- F8F6CE
- FAF9DE
- FDFCEF
셰이드
- CCC129
- AEA522
- 91891A
- 756F13
- 5B550C
- 413D06
- 292603
- 131201
- 030200
톤
- E0D545
- D4CB52
- C9C25D
- BEB865
- B4AF6C
- A9A572
- 9E9C76
- 94937A
- 8A897D
색 조화
보색 +180°
- EBDE31
Golden Fizz
- D4D4FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- EBDE31
Golden Fizz
- FFD08F
≈ Juicy Mango
- A5F275
≈ Radar Blip Green
삼각 배색 +120° +240°
- EBDE31
Golden Fizz
- A1E4FF
≈ Ganon Blue
- FFC5E5
≈ Sugarwinkle
분열 보색 +150° +210°
- EBDE31
Golden Fizz
- C0DBFF
≈ Broad Daylight
- EEC9FF
≈ Aquarelle Lilac
사각 배색 +90° +180° +270°
- EBDE31
Golden Fizz
- 01F7F7
≈ Frozen State
- D4D4FF
≈ Pale Phthalo Blue
- FFC9CC
≈ Sweet Memories
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.39:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.02:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 15.02:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--golden-fizz: #ebde31;
--golden-fizz-rgb: 235 222 49;
--golden-fizz-oklch: oklch(0.884 0.176 104.9);
}
.element {
color: var(--golden-fizz);
background-color: hsl(56 82% 56%);
border-color: oklch(0.884 0.176 104.9);
}Tailwind CSS v4
@theme {
--color-golden-fizz: #ebde31;
--color-golden-fizz-50: #faf9bf;
--color-golden-fizz-100: #eeeda8;
--color-golden-fizz-200: #ddda7e;
--color-golden-fizz-300: #c2bd43;
--color-golden-fizz-400: #afa200;
--color-golden-fizz-500: #9a8900;
--color-golden-fizz-600: #827400;
--color-golden-fizz-700: #685d00;
--color-golden-fizz-800: #4f4300;
--color-golden-fizz-900: #372e00;
--color-golden-fizz-950: #221b00;
}SCSS
$golden-fizz: #ebde31;
$golden-fizz-rgb: 235, 222, 49;
$golden-fizz-light: mix(#fff, $golden-fizz, 20%);
$golden-fizz-dark: mix(#000, $golden-fizz, 20%);
.element {
color: $golden-fizz;
box-shadow: 0 0 0 2px rgba($golden-fizz, 0.35);
}