Named color · #FFC12C
Not Yo Cheese
Not Yo Cheese is #FFC12C: rgb(255 193 44), hsl(42 100% 59%), oklch(0.845 0.164 83.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Not Yo Cheese color name →
#FFC12C
oklch(0.845 0.164 83.4)
Color conversions
- HEX
- #ffc12c
- RGB
- rgb(255 193 44)
- HSL
- hsl(42 100% 59%)
- HWB
- hwb(42 17% 0%)
- OKLCH
- oklch(0.845 0.164 83.4)
- OKLab
- oklab(0.845 0.019 0.162)
- CIE Lab
- lab(82.18 14.1 76.01)
- LCH
- lch(82.18 77.3 79.5)
- CMYK
- cmyk(0% 24% 83% 0%)
Tints · Shades · Tones
Tints
- FFC850
- FFCE6A
- FFD580
- FFDB94
- FFE1A7
- FFE8B9
- FFEECB
- FFF3DD
- FFF9EE
Shades
- DEA725
- BE8F1E
- 9E7717
- 805F11
- 63490A
- 483405
- 2E2002
- 160E01
- 030200
Tones
- F2BB40
- E5B44E
- D8AE59
- CBA861
- BEA169
- B19B6F
- A59474
- 998D79
- 8C877D
Color harmonies
Complementary +180°
- FFC12C
Not Yo Cheese
- B3CDFF
≈ Night Snow
Analogous -30° +30°
- FFC12C
Not Yo Cheese
- FFBB90
≈ Fuzzy Peach
- CDD746
≈ Southern Platyfish
Triadic +120° +240°
- FFC12C
Not Yo Cheese
- 00E7F6
≈ Whimsical Blue
- F7ADFF
≈ Jigglypuff
Split-complementary +150° +210°
- FFC12C
Not Yo Cheese
- 8ED7FF
≈ Kul Sharif Blue
- CEC2FF
≈ Innocent Snowdrop
Tetradic +90° +180° +270°
- FFC12C
Not Yo Cheese
- 00EEC3
≈ Fake Jade
- B3CDFF
≈ Night Snow
- FFB2D1
≈ Pink Cattleya
Contrast & accessibility
Ag
FailOn white
WCAG 1.62:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.91:1 · APCA Lc 75
Best text color: #000000
WCAG 12.91:1 (AAA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--not-yo-cheese: #ffc12c;
--not-yo-cheese-rgb: 255 193 44;
--not-yo-cheese-oklch: oklch(0.845 0.164 83.4);
}
.element {
color: var(--not-yo-cheese);
background-color: hsl(42 100% 59%);
border-color: oklch(0.845 0.164 83.4);
}Tailwind CSS v4
@theme {
--color-not-yo-cheese: #ffc12c;
--color-not-yo-cheese-50: #fff3c0;
--color-not-yo-cheese-100: #ffe5a9;
--color-not-yo-cheese-200: #f4cf80;
--color-not-yo-cheese-300: #ddb048;
--color-not-yo-cheese-400: #cc9300;
--color-not-yo-cheese-500: #b97700;
--color-not-yo-cheese-600: #9c6500;
--color-not-yo-cheese-700: #7d5100;
--color-not-yo-cheese-800: #5e3a00;
--color-not-yo-cheese-900: #422800;
--color-not-yo-cheese-950: #2a1500;
}SCSS
$not-yo-cheese: #ffc12c;
$not-yo-cheese-rgb: 255, 193, 44;
$not-yo-cheese-light: mix(#fff, $not-yo-cheese, 20%);
$not-yo-cheese-dark: mix(#000, $not-yo-cheese, 20%);
.element {
color: $not-yo-cheese;
box-shadow: 0 0 0 2px rgba($not-yo-cheese, 0.35);
}