Benannte Farbe · #E9B578
Braided Mat
Braided Mat ist #E9B578: rgb(233 181 120), hsl(32 72% 69%), oklch(0.807 0.099 70.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Braided Mat color name →
#E9B578
oklch(0.807 0.099 70.1)
Farbumrechnungen
- HEX
- #e9b578
- RGB
- rgb(233 181 120)
- HSL
- hsl(32 72% 69%)
- HWB
- hwb(32 47% 9%)
- OKLCH
- oklch(0.807 0.099 70.1)
- OKLab
- oklab(0.807 0.033 0.093)
- CIE Lab
- lab(77.52 14.11 38.58)
- LCH
- lch(77.52 41.08 69.9)
- CMYK
- cmyk(0% 22% 48% 9%)
Tints · Shades · Tones
Tints
- ECBD86
- EEC494
- F0CBA2
- F3D3AF
- F5DABD
- F7E2CA
- F9E9D7
- FBF0E4
- FDF8F2
Shades
- CB9D67
- AD8657
- 906F48
- 745939
- 5A442A
- 41301D
- 291D10
- 130C05
- 030201
Tones
- DEB07A
- D4AB7B
- C9A57D
- BEA07E
- B49B7F
- A9957F
- 9F9080
- 958B80
- 8A8580
Farbharmonien
Komplementär +180°
- E9B578
Braided Mat
- 8FC5FE
≈ Chromis Damsel Blue
Analog -30° +30°
- E9B578
Braided Mat
- F7AA8F
≈ Citrus Hill
- CEC275
≈ Tropical Moss
Triadisch +120° +240°
- E9B578
Braided Mat
- 6BD5CE
≈ Hidden Sea Glass
- D4AEF0
≈ Petal Plush
Geteilt komplementär +150° +210°
- E9B578
Braided Mat
- 70CFEC
≈ Summer Splash
- B3B9FF
≈ Greyish Lavender
Tetradisch +90° +180° +270°
- E9B578
Braided Mat
- 85D4AA
≈ Pharaoh’s Jade
- 8FC5FE
≈ Chromis Damsel Blue
- ECA7D4
≈ Cosmic Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.85:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.34:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.34:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--braided-mat: #e9b578;
--braided-mat-rgb: 233 181 120;
--braided-mat-oklch: oklch(0.807 0.099 70.1);
}
.element {
color: var(--braided-mat);
background-color: hsl(32 72% 69%);
border-color: oklch(0.807 0.099 70.1);
}Tailwind CSS v4
@theme {
--color-braided-mat: #e9b578;
--color-braided-mat-50: #fff1d7;
--color-braided-mat-100: #fde3c5;
--color-braided-mat-200: #efcea6;
--color-braided-mat-300: #d7b07f;
--color-braided-mat-400: #c4945b;
--color-braided-mat-500: #af7a34;
--color-braided-mat-600: #94672e;
--color-braided-mat-700: #775224;
--color-braided-mat-800: #593b19;
--color-braided-mat-900: #3e2910;
--color-braided-mat-950: #271603;
}SCSS
$braided-mat: #e9b578;
$braided-mat-rgb: 233, 181, 120;
$braided-mat-light: mix(#fff, $braided-mat, 20%);
$braided-mat-dark: mix(#000, $braided-mat, 20%);
.element {
color: $braided-mat;
box-shadow: 0 0 0 2px rgba($braided-mat, 0.35);
}