Benannte Farbe · #AE7C4F
Loquat Brown
Loquat Brown ist #AE7C4F: rgb(174 124 79), hsl(28 38% 50%), oklch(0.627 0.087 62.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Loquat Brown color name →
#AE7C4F
oklch(0.627 0.087 62.2)
Farbumrechnungen
- HEX
- #ae7c4f
- RGB
- rgb(174 124 79)
- HSL
- hsl(28 38% 50%)
- HWB
- hwb(28 31% 32%)
- OKLCH
- oklch(0.627 0.087 62.2)
- OKLab
- oklab(0.627 0.041 0.077)
- CIE Lab
- lab(56.43 16.28 32.5)
- LCH
- lch(56.43 36.35 63.4)
- CMYK
- cmyk(0% 29% 55% 32%)
Tints · Shades · Tones
Tints
- B68961
- BF9572
- C7A283
- CFAF94
- D7BCA6
- DFC9B7
- E7D7C9
- EFE4DB
- F7F1ED
Shades
- 976B44
- 805A38
- 6A4A2E
- 553B23
- 412C19
- 2E1E10
- 1C1107
- 0B0502
- 010100
Tones
- AA7D55
- A57D5A
- A17E60
- 9C7E65
- 987F6A
- 937F6E
- 8E7F73
- 8A8077
- 85807C
Farbharmonien
Komplementär +180°
- AE7C4F
Loquat Brown
- 568EB8
≈ Alpha Blue
Analog -30° +30°
- AE7C4F
Loquat Brown
- B77467
≈ Rojo Dust
- 9B8747
≈ Madagascar
Triadisch +120° +240°
- AE7C4F
Loquat Brown
- 41998C
≈ Temple Guard Blue
- 927BB4
≈ Royal Raul
Geteilt komplementär +150° +210°
- AE7C4F
Loquat Brown
- 3D96A7
≈ Aqua Dance
- 7685BD
≈ Deep Periwinkle
Tetradisch +90° +180° +270°
- AE7C4F
Loquat Brown
- 5E976E
≈ Endless
- 568EB8
≈ Alpha Blue
- A7749F
≈ Teen Queen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.62:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.79:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.79:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--loquat-brown: #ae7c4f;
--loquat-brown-rgb: 174 124 79;
--loquat-brown-oklch: oklch(0.627 0.087 62.2);
}
.element {
color: var(--loquat-brown);
background-color: hsl(28 38% 50%);
border-color: oklch(0.627 0.087 62.2);
}Tailwind CSS v4
@theme {
--color-loquat-brown: #ae7c4f;
--color-loquat-brown-50: #fff1dc;
--color-loquat-brown-100: #fde2ca;
--color-loquat-brown-200: #efcdae;
--color-loquat-brown-300: #d7af89;
--color-loquat-brown-400: #c49368;
--color-loquat-brown-500: #af7846;
--color-loquat-brown-600: #94663c;
--color-loquat-brown-700: #775230;
--color-loquat-brown-800: #583b22;
--color-loquat-brown-900: #3e2816;
--color-loquat-brown-950: #271608;
}SCSS
$loquat-brown: #ae7c4f;
$loquat-brown-rgb: 174, 124, 79;
$loquat-brown-light: mix(#fff, $loquat-brown, 20%);
$loquat-brown-dark: mix(#000, $loquat-brown, 20%);
.element {
color: $loquat-brown;
box-shadow: 0 0 0 2px rgba($loquat-brown, 0.35);
}