Benannte Farbe · #D88E5F
Longhorn
Longhorn ist #D88E5F: rgb(216 142 95), hsl(23 61% 61%), oklch(0.712 0.11 52.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Longhorn color name →
#D88E5F
oklch(0.712 0.11 52.5)
Farbumrechnungen
- HEX
- #d88e5f
- RGB
- rgb(216 142 95)
- HSL
- hsl(23 61% 61%)
- HWB
- hwb(23 37% 15%)
- OKLCH
- oklch(0.712 0.11 52.5)
- OKLab
- oklab(0.712 0.067 0.087)
- CIE Lab
- lab(66.03 25.43 36.98)
- LCH
- lch(66.03 44.88 55.5)
- CMYK
- cmyk(0% 34% 56% 15%)
Tints · Shades · Tones
Tints
- DD996F
- E1A580
- E6B08F
- EABB9F
- EEC6AF
- F2D2BF
- F5DDCF
- F9E8DF
- FCF4EF
Shades
- BC7B52
- A06844
- 855638
- 6B442C
- 533420
- 3B2415
- 25150A
- 110703
- 020100
Tones
- CF8D63
- C78C67
- BE8B6B
- B5896F
- AD8872
- A48775
- 9B8578
- 92847B
- 89827E
Farbharmonien
Komplementär +180°
- D88E5F
Longhorn
- 51AEDB
≈ Cousteau
Analog -30° +30°
- D88E5F
Longhorn
- DE8682
≈ Watermelon Punch
- C49B4B
≈ Creole Mustard
Triadisch +120° +240°
- D88E5F
Longhorn
- 4AB89B
≈ Jolt of Jade
- A495E1
≈ Dull Lavender
Geteilt komplementär +150° +210°
- D88E5F
Longhorn
- 32B6C0
≈ Glassmith
- 7DA2E7
≈ Greek Sea
Tetradisch +90° +180° +270°
- D88E5F
Longhorn
- 79B474
≈ Faded Green
- 51AEDB
≈ Cousteau
- C38ACA
≈ Violaceous
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.64:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.95:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.95:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--longhorn: #d88e5f;
--longhorn-rgb: 216 142 95;
--longhorn-oklch: oklch(0.712 0.11 52.5);
}
.element {
color: var(--longhorn);
background-color: hsl(23 61% 61%);
border-color: oklch(0.712 0.11 52.5);
}Tailwind CSS v4
@theme {
--color-longhorn: #d88e5f;
--color-longhorn-50: #ffeed8;
--color-longhorn-100: #ffdfc6;
--color-longhorn-200: #fac8a8;
--color-longhorn-300: #e4a981;
--color-longhorn-400: #d28c5f;
--color-longhorn-500: #be6f3a;
--color-longhorn-600: #a15f33;
--color-longhorn-700: #814c28;
--color-longhorn-800: #60361c;
--color-longhorn-900: #432513;
--color-longhorn-950: #2b1305;
}SCSS
$longhorn: #d88e5f;
$longhorn-rgb: 216, 142, 95;
$longhorn-light: mix(#fff, $longhorn, 20%);
$longhorn-dark: mix(#000, $longhorn, 20%);
.element {
color: $longhorn;
box-shadow: 0 0 0 2px rgba($longhorn, 0.35);
}