Nazwany kolor · #FEC50C
Kazakhstan Yellow
Kazakhstan Yellow to #FEC50C: rgb(254 197 12), hsl(46 99% 52%), oklch(0.851 0.173 87.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Kazakhstan Yellow color name →
#FEC50C
oklch(0.851 0.173 87.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FECB45
- FFD262
- FFD87A
- FFDE90
- FFE4A4
- FFE9B7
- FFEFC9
- FFF4DC
- FFFAED
Odcienie ciemniejsze
- DDAB09
- BD9206
- 9E7904
- 806103
- 634B02
- 473501
- 2D2100
- 160E00
- 030200
Tony
- F1BE33
- E4B845
- D7B153
- CAAA5D
- BDA365
- B19C6C
- A49572
- 988E78
- 8C877C
Harmonie kolorów
Komplementarna +180°
- FEC50C
Kazakhstan Yellow
- B9CDFF
≈ Ice Cold Stare
Analogowa -30° +30°
- FEC50C
Kazakhstan Yellow
- FFBE8F
≈ Orange Mousse
- C6DC43
≈ Las Palmas
Triada +120° +240°
- FEC50C
Kazakhstan Yellow
- 00E8FE
≈ Whimsical Blue
- FFACFE
≈ Jigglypuff
Komplementarna rozszczepiona +150° +210°
- FEC50C
Kazakhstan Yellow
- 98D7FF
≈ Shiva Blue
- D3C3FF
≈ Innocent Snowdrop
Tetrada +90° +180° +270°
- FEC50C
Kazakhstan Yellow
- 00EFCC
≈ Fake Jade
- B9CDFF
≈ Ice Cold Stare
- FFB6CF
≈ Baby Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.59:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.20:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.20:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
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);
}