Benannte Farbe · #CA9456
Honey Yellow
Honey Yellow ist #CA9456: rgb(202 148 86), hsl(32 52% 56%), oklch(0.706 0.103 68.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Honey Yellow color name →
#CA9456
oklch(0.706 0.103 68.7)
Farbumrechnungen
- HEX
- #ca9456
- RGB
- rgb(202 148 86)
- HSL
- hsl(32 52% 56%)
- HWB
- hwb(32 34% 21%)
- OKLCH
- oklch(0.706 0.103 68.7)
- OKLab
- oklab(0.706 0.037 0.095)
- CIE Lab
- lab(65.7 16 40.77)
- LCH
- lch(65.7 43.79 68.6)
- CMYK
- cmyk(0% 27% 57% 21%)
Tints · Shades · Tones
Tints
- D09F68
- D5A979
- DBB48A
- E0BF9B
- E6C9AB
- EBD4BC
- F0DFCD
- F5E9DD
- FAF4EE
Shades
- AF804A
- 956D3E
- 7C5A32
- 644827
- 4D361C
- 372612
- 221608
- 0F0802
- 020100
Tones
- C3925C
- BB9061
- B48F66
- AD8D6A
- A58B6E
- 9E8972
- 968776
- 8F847A
- 87827D
Farbharmonien
Komplementär +180°
- CA9456
Honey Yellow
- 6BA5DD
≈ Acapulco Dive
Analog -30° +30°
- CA9456
Honey Yellow
- D78970
≈ Bronzed Orange
- B0A151
≈ Gingko Leaf
Triadisch +120° +240°
- CA9456
Honey Yellow
- 42B5AD
≈ Verdigris
- B38ED1
≈ Pale Purple
Geteilt komplementär +150° +210°
- CA9456
Honey Yellow
- 47AFCB
≈ Summer Air
- 9299DF
≈ Portage
Tetradisch +90° +180° +270°
- CA9456
Honey Yellow
- 64B488
≈ Crazy Eyes
- 6BA5DD
≈ Acapulco Dive
- CA87B6
≈ Rock Star Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.66:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.88:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.88:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--honey-yellow: #ca9456;
--honey-yellow-rgb: 202 148 86;
--honey-yellow-oklch: oklch(0.706 0.103 68.7);
}
.element {
color: var(--honey-yellow);
background-color: hsl(32 52% 56%);
border-color: oklch(0.706 0.103 68.7);
}Tailwind CSS v4
@theme {
--color-honey-yellow: #ca9456;
--color-honey-yellow-50: #fff1d6;
--color-honey-yellow-100: #fee3c3;
--color-honey-yellow-200: #f1cda5;
--color-honey-yellow-300: #d9af7d;
--color-honey-yellow-400: #c69359;
--color-honey-yellow-500: #b27830;
--color-honey-yellow-600: #96662a;
--color-honey-yellow-700: #795122;
--color-honey-yellow-800: #5a3b17;
--color-honey-yellow-900: #3f280f;
--color-honey-yellow-950: #281603;
}SCSS
$honey-yellow: #ca9456;
$honey-yellow-rgb: 202, 148, 86;
$honey-yellow-light: mix(#fff, $honey-yellow, 20%);
$honey-yellow-dark: mix(#000, $honey-yellow, 20%);
.element {
color: $honey-yellow;
box-shadow: 0 0 0 2px rgba($honey-yellow, 0.35);
}