Benannte Farbe · #AA7C4C
Hidden Morel
Hidden Morel ist #AA7C4C: rgb(170 124 76), hsl(31 38% 48%), oklch(0.622 0.086 66.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Hidden Morel color name →
#AA7C4C
oklch(0.622 0.086 66.3)
Farbumrechnungen
- HEX
- #aa7c4c
- RGB
- rgb(170 124 76)
- HSL
- hsl(31 38% 48%)
- HWB
- hwb(31 30% 33%)
- OKLCH
- oklch(0.622 0.086 66.3)
- OKLab
- oklab(0.622 0.035 0.079)
- CIE Lab
- lab(55.92 14.37 33.37)
- LCH
- lch(55.92 36.33 66.7)
- CMYK
- cmyk(0% 27% 55% 33%)
Tints · Shades · Tones
Tints
- B3895E
- BB9570
- C4A281
- CCAF93
- D5BCA4
- DDC9B6
- E6D7C8
- EEE4DA
- F7F1ED
Shades
- 936B41
- 7D5A36
- 684A2C
- 533B22
- 3F2C18
- 2D1E0F
- 1B1106
- 0B0502
- 010100
Tones
- A67D52
- A27D58
- 9E7E5E
- 9A7E63
- 967F68
- 917F6D
- 8D7F72
- 898077
- 84807B
Farbharmonien
Komplementär +180°
- AA7C4C
Hidden Morel
- 5A8CB8
≈ Alpha Blue
Analog -30° +30°
- AA7C4C
Hidden Morel
- B47462
≈ Vin Cuit
- 968747
≈ Wild Grass
Triadisch +120° +240°
- AA7C4C
Hidden Morel
- 3E978F
≈ Sea
- 9479B0
≈ Gentian
Geteilt komplementär +150° +210°
- AA7C4C
Hidden Morel
- 3F93A8
≈ Blue Moon
- 7982BB
≈ Deep Periwinkle
Tetradisch +90° +180° +270°
- AA7C4C
Hidden Morel
- 599671
≈ Fake Fern
- 5A8CB8
≈ Alpha Blue
- A8729A
≈ Teen Queen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.68:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.69:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.69:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--hidden-morel: #aa7c4c;
--hidden-morel-rgb: 170 124 76;
--hidden-morel-oklch: oklch(0.622 0.086 66.3);
}
.element {
color: var(--hidden-morel);
background-color: hsl(31 38% 48%);
border-color: oklch(0.622 0.086 66.3);
}Tailwind CSS v4
@theme {
--color-hidden-morel: #aa7c4c;
--color-hidden-morel-50: #fff1db;
--color-hidden-morel-100: #fce3ca;
--color-hidden-morel-200: #edcead;
--color-hidden-morel-300: #d5b088;
--color-hidden-morel-400: #c19467;
--color-hidden-morel-500: #ad7a44;
--color-hidden-morel-600: #92683b;
--color-hidden-morel-700: #75532f;
--color-hidden-morel-800: #573c21;
--color-hidden-morel-900: #3d2916;
--color-hidden-morel-950: #261707;
}SCSS
$hidden-morel: #aa7c4c;
$hidden-morel-rgb: 170, 124, 76;
$hidden-morel-light: mix(#fff, $hidden-morel, 20%);
$hidden-morel-dark: mix(#000, $hidden-morel, 20%);
.element {
color: $hidden-morel;
box-shadow: 0 0 0 2px rgba($hidden-morel, 0.35);
}