Benannte Farbe · #EEB15D
Cheater
Cheater ist #EEB15D: rgb(238 177 93), hsl(35 81% 65%), oklch(0.801 0.124 73.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Cheater color name →
#EEB15D
oklch(0.801 0.124 73.2)
Farbumrechnungen
- HEX
- #eeb15d
- RGB
- rgb(238 177 93)
- HSL
- hsl(35 81% 65%)
- HWB
- hwb(35 36% 7%)
- OKLCH
- oklch(0.801 0.124 73.2)
- OKLab
- oklab(0.801 0.036 0.118)
- CIE Lab
- lab(76.8 16.6 51.23)
- LCH
- lch(76.8 53.85 72)
- CMYK
- cmyk(0% 26% 61% 7%)
Tints · Shades · Tones
Tints
- F0B970
- F2C181
- F4C992
- F6D1A2
- F8D9B2
- F9E0C1
- FBE8D1
- FCF0E0
- FEF7F0
Shades
- CF9950
- B18343
- 936C37
- 77572A
- 5C421F
- 422F14
- 2A1C0A
- 140C03
- 030100
Tones
- E3AC63
- D8A868
- CCA36C
- C19E70
- B69974
- AB9477
- A08F7A
- 968A7C
- 8B857E
Farbharmonien
Komplementär +180°
- EEB15D
Cheater
- 8EC2FF
≈ Scenic Water
Analog -30° +30°
- EEB15D
Cheater
- FFA47E
≈ Apricot Wash
- CCC15C
≈ Sulphur Yellow
Triadisch +120° +240°
- EEB15D
Cheater
- 3ED7D4
≈ Medium Turquoise
- DAA6F7
≈ Testosterose
Geteilt komplementär +150° +210°
- EEB15D
Cheater
- 51CFF8
≈ Libra Blue Morpho
- B5B6FF
≈ Greyish Lavender
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.89:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.08:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.08:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--cheater: #eeb15d;
--cheater-rgb: 238 177 93;
--cheater-oklch: oklch(0.801 0.124 73.2);
}
.element {
color: var(--cheater);
background-color: hsl(35 81% 65%);
border-color: oklch(0.801 0.124 73.2);
}Tailwind CSS v4
@theme {
--color-cheater: #eeb15d;
--color-cheater-50: #fff1cf;
--color-cheater-100: #ffe3bb;
--color-cheater-200: #f4cd99;
--color-cheater-300: #dcae6d;
--color-cheater-400: #ca9242;
--color-cheater-500: #b77700;
--color-cheater-600: #9a6500;
--color-cheater-700: #7c5103;
--color-cheater-800: #5d3a02;
--color-cheater-900: #412803;
--color-cheater-950: #291500;
}SCSS
$cheater: #eeb15d;
$cheater-rgb: 238, 177, 93;
$cheater-light: mix(#fff, $cheater, 20%);
$cheater-dark: mix(#000, $cheater, 20%);
.element {
color: $cheater;
box-shadow: 0 0 0 2px rgba($cheater, 0.35);
}