Benannte Farbe · #B39355
Antique Honey
Antique Honey ist #B39355: rgb(179 147 85), hsl(40 38% 52%), oklch(0.679 0.089 82.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Antique Honey color name →
#B39355
oklch(0.679 0.089 82.8)
Farbumrechnungen
- HEX
- #b39355
- RGB
- rgb(179 147 85)
- HSL
- hsl(40 38% 52%)
- HWB
- hwb(40 33% 30%)
- OKLCH
- oklch(0.679 0.089 82.8)
- OKLab
- oklab(0.679 0.011 0.089)
- CIE Lab
- lab(62.92 6.67 37.28)
- LCH
- lch(62.92 37.87 79.9)
- CMYK
- cmyk(0% 18% 53% 30%)
Tints · Shades · Tones
Tints
- BB9E67
- C2A878
- CAB389
- D1BE99
- D9C8AA
- E0D3BB
- E8DECC
- F0E9DD
- F7F4EE
Shades
- 9B7F49
- 846C3D
- 6E5931
- 584726
- 43361C
- 2F2511
- 1D1608
- 0C0802
- 010100
Tones
- AE915B
- A98F60
- A48E65
- 9F8C69
- 998A6D
- 948871
- 8F8675
- 8A8479
- 85827D
Farbharmonien
Komplementär +180°
- B39355
Antique Honey
- 7B98D0
≈ Purple Gentian
Analog -30° +30°
- B39355
Antique Honey
- C48963
≈ Sassy
- 989E5C
≈ Sweet Pea
Triadisch +120° +240°
- B39355
Antique Honey
- 4AA8B0
≈ Gone Fishing
- B385B8
≈ African Violet
Geteilt komplementär +150° +210°
- B39355
Antique Honey
- 5BA2C6
≈ Blue Grotto
- 9A8ECB
≈ Hermosa
Tetradisch +90° +180° +270°
- B39355
Antique Honey
- 57AA92
≈ O’grady Green
- 7B98D0
≈ Purple Gentian
- C3819D
≈ Cashmere Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.90:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.22:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.22:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--antique-honey: #b39355;
--antique-honey-rgb: 179 147 85;
--antique-honey-oklch: oklch(0.679 0.089 82.8);
}
.element {
color: var(--antique-honey);
background-color: hsl(40 38% 52%);
border-color: oklch(0.679 0.089 82.8);
}Tailwind CSS v4
@theme {
--color-antique-honey: #b39355;
--color-antique-honey-50: #fff4d9;
--color-antique-honey-100: #f6e6c7;
--color-antique-honey-200: #e6d2a9;
--color-antique-honey-300: #cdb483;
--color-antique-honey-400: #b89a5f;
--color-antique-honey-500: #a3803a;
--color-antique-honey-600: #8a6d32;
--color-antique-honey-700: #6e5728;
--color-antique-honey-800: #523f1b;
--color-antique-honey-900: #392b12;
--color-antique-honey-950: #241804;
}SCSS
$antique-honey: #b39355;
$antique-honey-rgb: 179, 147, 85;
$antique-honey-light: mix(#fff, $antique-honey, 20%);
$antique-honey-dark: mix(#000, $antique-honey, 20%);
.element {
color: $antique-honey;
box-shadow: 0 0 0 2px rgba($antique-honey, 0.35);
}