Benannte Farbe · #BD7A33
Longan
Longan ist #BD7A33: rgb(189 122 51), hsl(31 58% 47%), oklch(0.637 0.119 63.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Longan color name →
#BD7A33
oklch(0.637 0.119 63.9)
Farbumrechnungen
- HEX
- #bd7a33
- RGB
- rgb(189 122 51)
- HSL
- hsl(31 58% 47%)
- HWB
- hwb(31 20% 26%)
- OKLCH
- oklch(0.637 0.119 63.9)
- OKLab
- oklab(0.637 0.052 0.107)
- CIE Lab
- lab(57.54 22.44 48.43)
- LCH
- lch(57.54 53.37 65.1)
- CMYK
- cmyk(0% 35% 73% 26%)
Tints · Shades · Tones
Tints
- C4874B
- CB9460
- D2A274
- D9AF88
- E0BC9C
- E6C9B0
- EDD7C3
- F3E4D7
- F9F2EB
Shades
- A4692B
- 8C5923
- 74491C
- 5D3A14
- 472B0D
- 331D07
- 1F1003
- 0D0501
- 020100
Tones
- B77B3E
- B17C48
- AC7D51
- A67E59
- A07E60
- 997F67
- 937F6E
- 8D8074
- 87807A
Farbharmonien
Komplementär +180°
- BD7A33
Longan
- 4292CE
≈ Delphinium Corsage
Analog -30° +30°
- BD7A33
Longan
- C96E5A
≈ Langoustino
- A38923
≈ Faint Green
Triadisch +120° +240°
- BD7A33
Longan
- 00A193
≈ Turquish
- 9B78C6
≈ Lilac Bush
Geteilt komplementär +150° +210°
- BD7A33
Longan
- 009CB4
≈ Caneel Bay
- 7585D3
≈ Tanzine
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.50:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 5.99:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.99:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--longan: #bd7a33;
--longan-rgb: 189 122 51;
--longan-oklch: oklch(0.637 0.119 63.9);
}
.element {
color: var(--longan);
background-color: hsl(31 58% 47%);
border-color: oklch(0.637 0.119 63.9);
}Tailwind CSS v4
@theme {
--color-longan: #bd7a33;
--color-longan-50: #ffefd2;
--color-longan-100: #ffe1bf;
--color-longan-200: #f8cb9e;
--color-longan-300: #e1ab74;
--color-longan-400: #cf8e4e;
--color-longan-500: #bc721b;
--color-longan-600: #9f611b;
--color-longan-700: #7f4e15;
--color-longan-800: #5f380e;
--color-longan-900: #432609;
--color-longan-950: #2b1400;
}SCSS
$longan: #bd7a33;
$longan-rgb: 189, 122, 51;
$longan-light: mix(#fff, $longan, 20%);
$longan-dark: mix(#000, $longan, 20%);
.element {
color: $longan;
box-shadow: 0 0 0 2px rgba($longan, 0.35);
}