Named color · #E2AF60
Cameleer
Cameleer is #E2AF60: rgb(226 175 96), hsl(36 69% 63%), oklch(0.785 0.114 76.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Cameleer color name →
#E2AF60
oklch(0.785 0.114 76.8)
Color conversions
- HEX
- #e2af60
- RGB
- rgb(226 175 96)
- HSL
- hsl(36 69% 63%)
- HWB
- hwb(36 38% 11%)
- OKLCH
- oklch(0.785 0.114 76.8)
- OKLab
- oklab(0.785 0.026 0.111)
- CIE Lab
- lab(75.05 12.8 47.4)
- LCH
- lch(75.05 49.1 74.9)
- CMYK
- cmyk(0% 23% 58% 11%)
Tints · Shades · Tones
Tints
- E5B772
- E8BF82
- EBC793
- EECFA3
- F1D7B2
- F4DFC2
- F7E7D1
- FAEFE0
- FCF7F0
Shades
- C49852
- A88145
- 8C6B38
- 71562C
- 574120
- 3E2E15
- 271C0A
- 120B03
- 030100
Tones
- D8AA65
- CEA66A
- C4A16E
- BA9D71
- B09875
- A79377
- 9D8E7A
- 938A7C
- 8A857E
Color harmonies
Complementary +180°
- E2AF60
Cameleer
- 8BBBFF
≈ Scenic Water
Analogous -30° +30°
- E2AF60
Cameleer
- F5A279
≈ Pumpkin Hue
- C1BE63
≈ Go Go Lime
Triadic +120° +240°
- E2AF60
Cameleer
- 4ACFD2
≈ Blue Radiance
- D6A2E9
≈ Bright Ube
Split-complementary +150° +210°
- E2AF60
Cameleer
- 5DC7F1
≈ Blue Mana
- B4AEFE
≈ Winterspring Lilac
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.99:1 · APCA Lc 38
Ag
AAAOn black
WCAG 10.53:1 · APCA Lc 64
Best text color: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--cameleer: #e2af60;
--cameleer-rgb: 226 175 96;
--cameleer-oklch: oklch(0.785 0.114 76.8);
}
.element {
color: var(--cameleer);
background-color: hsl(36 69% 63%);
border-color: oklch(0.785 0.114 76.8);
}Tailwind CSS v4
@theme {
--color-cameleer: #e2af60;
--color-cameleer-50: #fff2d1;
--color-cameleer-100: #fde4be;
--color-cameleer-200: #efcf9d;
--color-cameleer-300: #d7b173;
--color-cameleer-400: #c4954b;
--color-cameleer-500: #b07a12;
--color-cameleer-600: #956815;
--color-cameleer-700: #775311;
--color-cameleer-800: #593c0a;
--color-cameleer-900: #3e2907;
--color-cameleer-950: #271700;
}SCSS
$cameleer: #e2af60;
$cameleer-rgb: 226, 175, 96;
$cameleer-light: mix(#fff, $cameleer, 20%);
$cameleer-dark: mix(#000, $cameleer, 20%);
.element {
color: $cameleer;
box-shadow: 0 0 0 2px rgba($cameleer, 0.35);
}