Nächste benannte Farbe · #D8A928
#D8A928
Nächste benannte Farbe: Honeycomb
#D8A928 (rgb(216 169 40), hsl(44 69% 50%), oklch(0.758 0.145 86.7)) liegt am nächsten an der benannten Farbe Honeycomb. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D8A928
oklch(0.758 0.145 86.7)
Farbumrechnungen
- HEX
- #d8a928
- RGB
- rgb(216 169 40)
- HSL
- hsl(44 69% 50%)
- HWB
- hwb(44 16% 15%)
- OKLCH
- oklch(0.758 0.145 86.7)
- OKLab
- oklab(0.758 0.008 0.144)
- CIE Lab
- lab(72.13 9.48 66.99)
- LCH
- lch(72.13 67.66 81.9)
- CMYK
- cmyk(0% 22% 81% 15%)
Tints · Shades · Tones
Tints
- DCB249
- E0BB62
- E4C378
- E8CC8D
- ECD5A1
- F0DDB4
- F4E6C7
- F7EEDA
- FBF7EC
Shades
- BC9221
- A07C1B
- 856715
- 6B530F
- 533F09
- 3B2C04
- 251B02
- 110A01
- 020100
Tones
- CFA53B
- C6A148
- BD9D53
- B4995C
- AB9563
- A3916A
- 9A8D70
- 918976
- 89847B
Farbharmonien
Komplementär +180°
- D8A928
Honeycomb
- 8DAEFF
≈ Kitten’s Eye
Analog -30° +30°
- D8A928
Honeycomb
- F4964B
≈ Fall River
- ABBC43
≈ Hopscotch
Triadisch +120° +240°
- D8A928
Honeycomb
- 00C7DA
≈ The Crowd Roars!
- E08EE0
≈ Bright Lilac
Geteilt komplementär +150° +210°
- D8A928
Honeycomb
- 40BDFF
≈ Megaman
- BA9CFF
≈ Diva
Tetradisch +90° +180° +270°
- D8A928
Honeycomb
- 00CDAE
≈ Mint Leaf
- 8DAEFF
≈ Kitten’s Eye
- F887B2
≈ Brown Knapweed
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.18:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.62:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.62:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--honeycomb: #d8a928;
--honeycomb-rgb: 216 169 40;
--honeycomb-oklch: oklch(0.758 0.145 86.7);
}
.element {
color: var(--honeycomb);
background-color: hsl(44 69% 50%);
border-color: oklch(0.758 0.145 86.7);
}Tailwind CSS v4
@theme {
--color-honeycomb: #d8a928;
--color-honeycomb-50: #fff4c7;
--color-honeycomb-100: #fce6b1;
--color-honeycomb-200: #edd28b;
--color-honeycomb-300: #d5b35a;
--color-honeycomb-400: #c3971a;
--color-honeycomb-500: #af7d00;
--color-honeycomb-600: #946a00;
--color-honeycomb-700: #775500;
--color-honeycomb-800: #593d00;
--color-honeycomb-900: #3e2a00;
--color-honeycomb-950: #271700;
}SCSS
$honeycomb: #d8a928;
$honeycomb-rgb: 216, 169, 40;
$honeycomb-light: mix(#fff, $honeycomb, 20%);
$honeycomb-dark: mix(#000, $honeycomb, 20%);
.element {
color: $honeycomb;
box-shadow: 0 0 0 2px rgba($honeycomb, 0.35);
}