Named color · #FABF14
Ukon Saffron
Ukon Saffron is #FABF14: rgb(250 191 20), hsl(45 96% 53%), oklch(0.835 0.168 85.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Ukon Saffron color name →
#FABF14
oklch(0.835 0.168 85.5)
Color conversions
- HEX
- #fabf14
- RGB
- rgb(250 191 20)
- HSL
- hsl(45 96% 53%)
- HWB
- hwb(45 8% 2%)
- OKLCH
- oklch(0.835 0.168 85.5)
- OKLab
- oklab(0.835 0.013 0.168)
- CIE Lab
- lab(81.11 12.65 80.01)
- LCH
- lch(81.11 81.01 81)
- CMYK
- cmyk(0% 24% 92% 2%)
Tints · Shades · Tones
Tints
- FBC646
- FCCD62
- FCD37A
- FDDA8F
- FDE0A3
- FEE7B6
- FEEDC9
- FEF3DB
- FFF9ED
Shades
- D9A610
- BA8D0C
- 9B7508
- 7D5E05
- 614803
- 463301
- 2D1F01
- 150D00
- 030200
Tones
- EDB934
- E1B346
- D4AD53
- C8A75D
- BCA065
- B09A6C
- A39472
- 988D77
- 8C877C
Color harmonies
Complementary +180°
- FABF14
Ukon Saffron
- B0C9FF
≈ Night Snow
Analogous -30° +30°
- FABF14
Ukon Saffron
- FFB784
≈ Savannah Sun
- C5D540
≈ Fuego Verde
Triadic +120° +240°
- FABF14
Ukon Saffron
- 00E3F6
≈ Cold Heights
- FCA4FF
≈ Jigglypuff
Split-complementary +150° +210°
- FABF14
Ukon Saffron
- 8AD3FF
≈ Kul Sharif Blue
- CDBDFF
≈ Lavender Tonic
Tetradic +90° +180° +270°
- FABF14
Ukon Saffron
- 00E9C4
≈ Fake Jade
- B0C9FF
≈ Night Snow
- FFADCC
≈ Heartfelt
Contrast & accessibility
Ag
FailOn white
WCAG 1.67:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.52:1 · APCA Lc 73
Best text color: #000000
WCAG 12.52:1 (AAA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--ukon-saffron: #fabf14;
--ukon-saffron-rgb: 250 191 20;
--ukon-saffron-oklch: oklch(0.835 0.168 85.5);
}
.element {
color: var(--ukon-saffron);
background-color: hsl(45 96% 53%);
border-color: oklch(0.835 0.168 85.5);
}Tailwind CSS v4
@theme {
--color-ukon-saffron: #fabf14;
--color-ukon-saffron-50: #fff3be;
--color-ukon-saffron-100: #ffe5a7;
--color-ukon-saffron-200: #f3d07d;
--color-ukon-saffron-300: #dcb143;
--color-ukon-saffron-400: #cb9500;
--color-ukon-saffron-500: #b77900;
--color-ukon-saffron-600: #9b6600;
--color-ukon-saffron-700: #7c5200;
--color-ukon-saffron-800: #5e3b00;
--color-ukon-saffron-900: #422800;
--color-ukon-saffron-950: #2a1600;
}SCSS
$ukon-saffron: #fabf14;
$ukon-saffron-rgb: 250, 191, 20;
$ukon-saffron-light: mix(#fff, $ukon-saffron, 20%);
$ukon-saffron-dark: mix(#000, $ukon-saffron, 20%);
.element {
color: $ukon-saffron;
box-shadow: 0 0 0 2px rgba($ukon-saffron, 0.35);
}