이름 색상 · #FEC50C
Kazakhstan Yellow
Kazakhstan Yellow은(는) #FEC50C: rgb(254 197 12), hsl(46 99% 52%), oklch(0.851 0.173 87.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Kazakhstan Yellow color name →
#FEC50C
oklch(0.851 0.173 87.2)
색상 변환
- HEX
- #fec50c
- RGB
- rgb(254 197 12)
- HSL
- hsl(46 99% 52%)
- HWB
- hwb(46 5% 0%)
- OKLCH
- oklch(0.851 0.173 87.2)
- OKLab
- oklab(0.851 0.008 0.172)
- CIE Lab
- lab(82.97 11.31 82.49)
- LCH
- lch(82.97 83.26 82.2)
- CMYK
- cmyk(0% 22% 95% 0%)
틴트 · 셰이드 · 톤
틴트
- FECB45
- FFD262
- FFD87A
- FFDE90
- FFE4A4
- FFE9B7
- FFEFC9
- FFF4DC
- FFFAED
셰이드
- DDAB09
- BD9206
- 9E7904
- 806103
- 634B02
- 473501
- 2D2100
- 160E00
- 030200
톤
- F1BE33
- E4B845
- D7B153
- CAAA5D
- BDA365
- B19C6C
- A49572
- 988E78
- 8C877C
색 조화
보색 +180°
- FEC50C
Kazakhstan Yellow
- B9CDFF
≈ Ice Cold Stare
유사색 -30° +30°
- FEC50C
Kazakhstan Yellow
- FFBE8F
≈ Orange Mousse
- C6DC43
≈ Las Palmas
삼각 배색 +120° +240°
- FEC50C
Kazakhstan Yellow
- 00E8FE
≈ Whimsical Blue
- FFACFE
≈ Jigglypuff
분열 보색 +150° +210°
- FEC50C
Kazakhstan Yellow
- 98D7FF
≈ Shiva Blue
- D3C3FF
≈ Innocent Snowdrop
사각 배색 +90° +180° +270°
- FEC50C
Kazakhstan Yellow
- 00EFCC
≈ Fake Jade
- B9CDFF
≈ Ice Cold Stare
- FFB6CF
≈ Baby Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.59:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.20:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.20:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--kazakhstan-yellow: #fec50c;
--kazakhstan-yellow-rgb: 254 197 12;
--kazakhstan-yellow-oklch: oklch(0.851 0.173 87.2);
}
.element {
color: var(--kazakhstan-yellow);
background-color: hsl(46 99% 52%);
border-color: oklch(0.851 0.173 87.2);
}Tailwind CSS v4
@theme {
--color-kazakhstan-yellow: #fec50c;
--color-kazakhstan-yellow-50: #fff4bd;
--color-kazakhstan-yellow-100: #ffe6a5;
--color-kazakhstan-yellow-200: #f2d17a;
--color-kazakhstan-yellow-300: #dbb23d;
--color-kazakhstan-yellow-400: #ca9500;
--color-kazakhstan-yellow-500: #b67a00;
--color-kazakhstan-yellow-600: #9a6700;
--color-kazakhstan-yellow-700: #7b5300;
--color-kazakhstan-yellow-800: #5d3b00;
--color-kazakhstan-yellow-900: #412900;
--color-kazakhstan-yellow-950: #2a1600;
}SCSS
$kazakhstan-yellow: #fec50c;
$kazakhstan-yellow-rgb: 254, 197, 12;
$kazakhstan-yellow-light: mix(#fff, $kazakhstan-yellow, 20%);
$kazakhstan-yellow-dark: mix(#000, $kazakhstan-yellow, 20%);
.element {
color: $kazakhstan-yellow;
box-shadow: 0 0 0 2px rgba($kazakhstan-yellow, 0.35);
}