Benannte Farbe · #FFAA99
Honey Baked Ham
Honey Baked Ham ist #FFAA99: rgb(255 170 153), hsl(10 100% 80%), oklch(0.817 0.104 31.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Honey Baked Ham color name →
#FFAA99
oklch(0.817 0.104 31.8)
Farbumrechnungen
- HEX
- #ffaa99
- RGB
- rgb(255 170 153)
- HSL
- hsl(10 100% 80%)
- HWB
- hwb(10 60% 0%)
- OKLCH
- oklch(0.817 0.104 31.8)
- OKLab
- oklab(0.817 0.088 0.055)
- CIE Lab
- lab(77.87 30.71 22.28)
- LCH
- lch(77.87 37.94 36)
- CMYK
- cmyk(0% 33% 40% 0%)
Tints · Shades · Tones
Tints
- FFB3A3
- FFBBAD
- FFC4B7
- FFCCC1
- FFD5CC
- FFDDD6
- FFE6E0
- FFEEEA
- FFF7F5
Shades
- DE9384
- BE7D70
- 9E685D
- 80534A
- 633F38
- 482D27
- 2E1B17
- 160B08
- 030101
Tones
- F2A697
- E5A294
- D99E92
- CC9A8F
- BF968D
- B3918A
- A68D88
- 998985
- 8D8483
Farbharmonien
Komplementär +180°
- FFAA99
Honey Baked Ham
- 68D5EA
≈ Turquoise Sea
Analog -30° +30°
- FFAA99
Honey Baked Ham
- FCA7BE
≈ Amélie’s Tutu
- F4B47C
≈ Sunburst
Triadisch +120° +240°
- FFAA99
Honey Baked Ham
- 8FD7A2
≈ Mother of Pearl Green
- AEC0FF
≈ Pastel Blue
Geteilt komplementär +150° +210°
- FFAA99
Honey Baked Ham
- 6DD9C8
≈ Turquoise Twist
- 86CBFF
≈ Platonic Blue
Tetradisch +90° +180° +270°
- FFAA99
Honey Baked Ham
- B8CE81
≈ Alien Breed
- 68D5EA
≈ Turquoise Sea
- CFB3FC
≈ Light Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.83:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.46:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.46:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--honey-baked-ham: #ffaa99;
--honey-baked-ham-rgb: 255 170 153;
--honey-baked-ham-oklch: oklch(0.817 0.104 31.8);
}
.element {
color: var(--honey-baked-ham);
background-color: hsl(10 100% 80%);
border-color: oklch(0.817 0.104 31.8);
}Tailwind CSS v4
@theme {
--color-honey-baked-ham: #ffaa99;
--color-honey-baked-ham-50: #ffebe2;
--color-honey-baked-ham-100: #ffdcd2;
--color-honey-baked-ham-200: #fdc5b7;
--color-honey-baked-ham-300: #e7a495;
--color-honey-baked-ham-400: #d58778;
--color-honey-baked-ham-500: #c16a5a;
--color-honey-baked-ham-600: #a35a4c;
--color-honey-baked-ham-700: #83483d;
--color-honey-baked-ham-800: #61342d;
--color-honey-baked-ham-900: #44231e;
--color-honey-baked-ham-950: #2c120e;
}SCSS
$honey-baked-ham: #ffaa99;
$honey-baked-ham-rgb: 255, 170, 153;
$honey-baked-ham-light: mix(#fff, $honey-baked-ham, 20%);
$honey-baked-ham-dark: mix(#000, $honey-baked-ham, 20%);
.element {
color: $honey-baked-ham;
box-shadow: 0 0 0 2px rgba($honey-baked-ham, 0.35);
}