Cor nomeada · #EEB033
Cheesy Cheetah
Cheesy Cheetah é #EEB033: rgb(238 176 51), hsl(40 85% 57%), oklch(0.795 0.15 80.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cheesy Cheetah color name →
#EEB033
oklch(0.795 0.15 80.1)
Conversões de cor
- HEX
- #eeb033
- RGB
- rgb(238 176 51)
- HSL
- hsl(40 85% 57%)
- HWB
- hwb(40 20% 7%)
- OKLCH
- oklch(0.795 0.15 80.1)
- OKLab
- oklab(0.795 0.026 0.147)
- CIE Lab
- lab(76.28 15.57 68.12)
- LCH
- lch(76.28 69.88 77.1)
- CMYK
- cmyk(0% 26% 79% 7%)
Tons claros · Sombras · Tons
Tons claros
- F0B851
- F2C169
- F4C97E
- F6D192
- F8D9A5
- F9E0B8
- FBE8CA
- FCF0DC
- FEF7ED
Sombras
- CF992B
- B18223
- 936C1C
- 775614
- 5C420D
- 422E07
- 2A1C03
- 140B01
- 030100
Tons
- E3AB43
- D8A74F
- CCA258
- C19E60
- B69967
- AB946E
- A08F73
- 968A78
- 8B857C
Harmonias de cor
Complementar +180°
- EEB033
Cheesy Cheetah
- 95BDFF
≈ Truesky Gloxym
Análoga -30° +30°
- EEB033
Cheesy Cheetah
- FFA26C
≈ Sharegaki Persimmon
- C2C441
≈ Tropic Canary
Tríade +120° +240°
- EEB033
Cheesy Cheetah
- 00D6DE
≈ Aztec Turquoise
- E79BF8
≈ VIC 20 Pink
Complementar dividida +150° +210°
- EEB033
Cheesy Cheetah
- 52CBFF
≈ Thor’s Thunder
- BBB0FF
≈ Winterspring Lilac
Tétrade +90° +180° +270°
- EEB033
Cheesy Cheetah
- 2ADBAE
≈ Malted Mint Madness
- 95BDFF
≈ Truesky Gloxym
- FF95C9
≈ Himalayan Balsam
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASobre preto
WCAG 10.89:1 · APCA Lc 66
Melhor cor de texto: #000000
WCAG 10.89:1 (AAA) · APCA Lc 66
Contrast pairs
Trechos de código
CSS
:root {
--cheesy-cheetah: #eeb033;
--cheesy-cheetah-rgb: 238 176 51;
--cheesy-cheetah-oklch: oklch(0.795 0.15 80.1);
}
.element {
color: var(--cheesy-cheetah);
background-color: hsl(40 85% 57%);
border-color: oklch(0.795 0.15 80.1);
}Tailwind CSS v4
@theme {
--color-cheesy-cheetah: #eeb033;
--color-cheesy-cheetah-50: #fff2c5;
--color-cheesy-cheetah-100: #ffe4af;
--color-cheesy-cheetah-200: #f4ce89;
--color-cheesy-cheetah-300: #ddb056;
--color-cheesy-cheetah-400: #cc930e;
--color-cheesy-cheetah-500: #b97700;
--color-cheesy-cheetah-600: #9c6500;
--color-cheesy-cheetah-700: #7d5100;
--color-cheesy-cheetah-800: #5e3a00;
--color-cheesy-cheetah-900: #422800;
--color-cheesy-cheetah-950: #2a1500;
}SCSS
$cheesy-cheetah: #eeb033;
$cheesy-cheetah-rgb: 238, 176, 51;
$cheesy-cheetah-light: mix(#fff, $cheesy-cheetah, 20%);
$cheesy-cheetah-dark: mix(#000, $cheesy-cheetah, 20%);
.element {
color: $cheesy-cheetah;
box-shadow: 0 0 0 2px rgba($cheesy-cheetah, 0.35);
}