Benannte Farbe · #D7BB80
Honeymoon
Honeymoon ist #D7BB80: rgb(215 187 128), hsl(41 52% 67%), oklch(0.803 0.083 85.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Honeymoon color name →
#D7BB80
oklch(0.803 0.083 85.2)
Farbumrechnungen
- HEX
- #d7bb80
- RGB
- rgb(215 187 128)
- HSL
- hsl(41 52% 67%)
- HWB
- hwb(41 50% 16%)
- OKLCH
- oklch(0.803 0.083 85.2)
- OKLab
- oklab(0.803 0.007 0.083)
- CIE Lab
- lab(77.31 4.4 33.77)
- LCH
- lch(77.31 34.05 82.6)
- CMYK
- cmyk(0% 13% 40% 16%)
Tints · Shades · Tones
Tints
- DBC28D
- DFC99A
- E3CFA7
- E7D6B3
- EBDDC0
- EFE4CD
- F3EBD9
- F7F1E6
- FBF8F2
Shades
- BBA26E
- 9F8A5D
- 85734D
- 6B5C3D
- 52462E
- 3B321F
- 251F12
- 110D06
- 020201
Tones
- CEB581
- C5AF81
- BCA982
- B3A382
- AB9D82
- A29782
- 999282
- 918C81
- 888681
Farbharmonien
Komplementär +180°
- D7BB80
Honeymoon
- A5BEF5
≈ Pastel Blue
Analog -30° +30°
- D7BB80
Honeymoon
- E9B18B
≈ Trick or Treat
- BCC587
≈ Misty Valley
Triadisch +120° +240°
- D7BB80
Honeymoon
- 7ACED8
≈ Summer of ’82
- DBACDC
≈ Barely Bloomed
Geteilt komplementär +150° +210°
- D7BB80
Honeymoon
- 89C8ED
≈ Fish Pond
- C2B4EF
≈ Purple Sand
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.85:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.30:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.30:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--honeymoon: #d7bb80;
--honeymoon-rgb: 215 187 128;
--honeymoon-oklch: oklch(0.803 0.083 85.2);
}
.element {
color: var(--honeymoon);
background-color: hsl(41 52% 67%);
border-color: oklch(0.803 0.083 85.2);
}Tailwind CSS v4
@theme {
--color-honeymoon: #d7bb80;
--color-honeymoon-50: #fff4db;
--color-honeymoon-100: #f4e7c9;
--color-honeymoon-200: #e3d3ac;
--color-honeymoon-300: #cab587;
--color-honeymoon-400: #b59b64;
--color-honeymoon-500: #9f8241;
--color-honeymoon-600: #876e38;
--color-honeymoon-700: #6c582c;
--color-honeymoon-800: #50401f;
--color-honeymoon-900: #382c14;
--color-honeymoon-950: #221906;
}SCSS
$honeymoon: #d7bb80;
$honeymoon-rgb: 215, 187, 128;
$honeymoon-light: mix(#fff, $honeymoon, 20%);
$honeymoon-dark: mix(#000, $honeymoon, 20%);
.element {
color: $honeymoon;
box-shadow: 0 0 0 2px rgba($honeymoon, 0.35);
}