이름 색상 · #EECC11
Gouda Gold
Gouda Gold은(는) #EECC11: rgb(238 204 17), hsl(51 87% 50%), oklch(0.849 0.173 96.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Gouda Gold color name →
#EECC11
oklch(0.849 0.173 96.7)
색상 변환
- HEX
- #eecc11
- RGB
- rgb(238 204 17)
- HSL
- hsl(51 87% 50%)
- HWB
- hwb(51 7% 7%)
- OKLCH
- oklch(0.849 0.173 96.7)
- OKLab
- oklab(0.849 -0.02 0.171)
- CIE Lab
- lab(83.1 1.18 81.12)
- LCH
- lch(83.1 81.13 89.2)
- CMYK
- cmyk(0% 14% 93% 7%)
틴트 · 셰이드 · 톤
틴트
- F0D246
- F1D763
- F3DC7B
- F5E290
- F6E7A4
- F8ECB7
- FAF1CA
- FBF6DC
- FDFAED
셰이드
- CFB10D
- B19709
- 937E06
- 776504
- 5C4E02
- 423701
- 2A2200
- 140F00
- 030200
톤
- E2C434
- D7BD46
- CCB553
- C0AE5D
- B5A666
- AA9F6D
- A09773
- 958F78
- 8A887C
색 조화
보색 +180°
- EECC11
Gouda Gold
- C0CAFF
≈ Light Periwinkle
유사색 -30° +30°
- EECC11
Gouda Gold
- FFBF7C
≈ Zing
- B0E159
≈ Conifer
삼각 배색 +120° +240°
- EECC11
Gouda Gold
- 64E0FF
≈ Athena Blue
- FFAFEA
≈ Pink Apotheosis
분열 보색 +150° +210°
- EECC11
Gouda Gold
- A3D3FF
≈ Baby Blue
- DDBDFF
≈ Lavender Fragrance
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.58:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.28:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.28:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--gouda-gold: #eecc11;
--gouda-gold-rgb: 238 204 17;
--gouda-gold-oklch: oklch(0.849 0.173 96.7);
}
.element {
color: var(--gouda-gold);
background-color: hsl(51 87% 50%);
border-color: oklch(0.849 0.173 96.7);
}Tailwind CSS v4
@theme {
--color-gouda-gold: #eecc11;
--color-gouda-gold-50: #fff7be;
--color-gouda-gold-100: #f6e9a6;
--color-gouda-gold-200: #e7d67c;
--color-gouda-gold-300: #ceb840;
--color-gouda-gold-400: #bc9c00;
--color-gouda-gold-500: #a88200;
--color-gouda-gold-600: #8e6e00;
--color-gouda-gold-700: #725800;
--color-gouda-gold-800: #563f00;
--color-gouda-gold-900: #3c2c00;
--color-gouda-gold-950: #261900;
}SCSS
$gouda-gold: #eecc11;
$gouda-gold-rgb: 238, 204, 17;
$gouda-gold-light: mix(#fff, $gouda-gold, 20%);
$gouda-gold-dark: mix(#000, $gouda-gold, 20%);
.element {
color: $gouda-gold;
box-shadow: 0 0 0 2px rgba($gouda-gold, 0.35);
}