Benannte Farbe · #C69F59
Camel
Camel ist #C69F59: rgb(198 159 89), hsl(39 49% 56%), oklch(0.724 0.1 80.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Camel color name →
#C69F59
oklch(0.724 0.1 80.7)
Farbumrechnungen
- HEX
- #c69f59
- RGB
- rgb(198 159 89)
- HSL
- hsl(39 49% 56%)
- HWB
- hwb(39 35% 22%)
- OKLCH
- oklch(0.724 0.1 80.7)
- OKLab
- oklab(0.724 0.016 0.099)
- CIE Lab
- lab(68.04 8.81 41.85)
- LCH
- lch(68.04 42.76 78.1)
- CMYK
- cmyk(0% 20% 55% 22%)
Tints · Shades · Tones
Tints
- CCA96B
- D2B27C
- D7BC8C
- DDC59D
- E3CFAD
- E8D8BE
- EEE2CE
- F4ECDE
- F9F5EF
Shades
- AC8A4C
- 927540
- 7A6134
- 624D28
- 4B3B1D
- 352913
- 211809
- 0E0903
- 020100
Tones
- BF9C5F
- B89964
- B19668
- AA936C
- A39070
- 9C8D74
- 958A77
- 8E877A
- 87837D
Farbharmonien
Komplementär +180°
- C69F59
Camel
- 82A6E5
≈ Blue Cue
Analog -30° +30°
- C69F59
Camel
- D8936B
≈ Copper Cove
- A8AC5F
≈ Palm Frond
Triadisch +120° +240°
- C69F59
Camel
- 49B8BF
≈ Montego Bay
- C291CC
≈ Rose Souvenir
Geteilt komplementär +150° +210°
- C69F59
Camel
- 5DB1D9
≈ Disembark
- A59BE0
≈ Dull Lavender
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.46:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.50:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.50:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--camel: #c69f59;
--camel-rgb: 198 159 89;
--camel-oklch: oklch(0.724 0.1 80.7);
}
.element {
color: var(--camel);
background-color: hsl(39 49% 56%);
border-color: oklch(0.724 0.1 80.7);
}Tailwind CSS v4
@theme {
--color-camel: #c69f59;
--color-camel-50: #fff3d6;
--color-camel-100: #f8e6c3;
--color-camel-200: #e9d1a4;
--color-camel-300: #d1b37c;
--color-camel-400: #bd9856;
--color-camel-500: #a87e2c;
--color-camel-600: #8e6b27;
--color-camel-700: #72561f;
--color-camel-800: #553e15;
--color-camel-900: #3b2b0d;
--color-camel-950: #251802;
}SCSS
$camel: #c69f59;
$camel-rgb: 198, 159, 89;
$camel-light: mix(#fff, $camel, 20%);
$camel-dark: mix(#000, $camel, 20%);
.element {
color: $camel;
box-shadow: 0 0 0 2px rgba($camel, 0.35);
}