Benannte Farbe · #D39F5F
Honey Beehive
Honey Beehive ist #D39F5F: rgb(211 159 95), hsl(33 57% 60%), oklch(0.738 0.102 70.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Honey Beehive color name →
#D39F5F
oklch(0.738 0.102 70.9)
Farbumrechnungen
- HEX
- #d39f5f
- RGB
- rgb(211 159 95)
- HSL
- hsl(33 57% 60%)
- HWB
- hwb(33 37% 17%)
- OKLCH
- oklch(0.738 0.102 70.9)
- OKLab
- oklab(0.738 0.034 0.097)
- CIE Lab
- lab(69.5 14.63 40.95)
- LCH
- lch(69.5 43.49 70.3)
- CMYK
- cmyk(0% 25% 55% 17%)
Tints · Shades · Tones
Tints
- D8A970
- DCB280
- E1BC90
- E5C5A0
- EACFB0
- EED9C0
- F3E2D0
- F7ECDF
- FBF5EF
Shades
- B78A52
- 9C7544
- 826138
- 694D2C
- 513B20
- 3A2915
- 24180A
- 100903
- 020100
Tones
- CB9C64
- C29968
- BA966C
- B29370
- A99073
- A18D76
- 998A79
- 91877B
- 88837E
Farbharmonien
Komplementär +180°
- D39F5F
Honey Beehive
- 78AFE9
≈ Pool Floor
Analog -30° +30°
- D39F5F
Honey Beehive
- E19478
≈ Buffed Copper
- B8AC5C
≈ Gimblet
Triadisch +120° +240°
- D39F5F
Honey Beehive
- 4DBFB9
≈ Tint of Turquoise
- BF98DA
≈ Lenurple
Geteilt komplementär +150° +210°
- D39F5F
Honey Beehive
- 55B9D7
≈ Azurean
- 9EA3EA
≈ Cold Lips
Tetradisch +90° +180° +270°
- D39F5F
Honey Beehive
- 6BBE95
≈ Silver Tree
- 78AFE9
≈ Pool Floor
- D690BE
≈ Pressed Flower
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.36:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.89:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.89:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--honey-beehive: #d39f5f;
--honey-beehive-rgb: 211 159 95;
--honey-beehive-oklch: oklch(0.738 0.102 70.9);
}
.element {
color: var(--honey-beehive);
background-color: hsl(33 57% 60%);
border-color: oklch(0.738 0.102 70.9);
}Tailwind CSS v4
@theme {
--color-honey-beehive: #d39f5f;
--color-honey-beehive-50: #fff1d6;
--color-honey-beehive-100: #fde3c3;
--color-honey-beehive-200: #f0cea4;
--color-honey-beehive-300: #d8b07c;
--color-honey-beehive-400: #c59458;
--color-honey-beehive-500: #b0792f;
--color-honey-beehive-600: #956729;
--color-honey-beehive-700: #785221;
--color-honey-beehive-800: #593b16;
--color-honey-beehive-900: #3e290e;
--color-honey-beehive-950: #271602;
}SCSS
$honey-beehive: #d39f5f;
$honey-beehive-rgb: 211, 159, 95;
$honey-beehive-light: mix(#fff, $honey-beehive, 20%);
$honey-beehive-dark: mix(#000, $honey-beehive, 20%);
.element {
color: $honey-beehive;
box-shadow: 0 0 0 2px rgba($honey-beehive, 0.35);
}