Nächste benannte Farbe · #906A75
#906A75
Nächste benannte Farbe: Opera
#906A75 (rgb(144 106 117), hsl(343 15% 49%), oklch(0.566 0.051 359.8)) liegt am nächsten an der benannten Farbe Opera. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#906A75
oklch(0.566 0.051 359.8)
Farbumrechnungen
- HEX
- #906a75
- RGB
- rgb(144 106 117)
- HSL
- hsl(343 15% 49%)
- HWB
- hwb(343 42% 44%)
- OKLCH
- oklch(0.566 0.051 359.8)
- OKLab
- oklab(0.566 0.051 0)
- CIE Lab
- lab(49.03 16.95 0.11)
- LCH
- lch(49.03 16.95 0.4)
- CMYK
- cmyk(0% 26% 19% 44%)
Tints · Shades · Tones
Tints
- 9B7882
- A6868F
- B1959C
- BCA3AA
- C7B2B8
- D2C1C5
- DDD0D4
- E9E0E2
- F4EFF0
Shades
- 7D5B65
- 6A4D55
- 573F46
- 453137
- 342429
- 24181C
- 150D0F
- 070405
- 010001
Tones
- 8F6C76
- 8D6F77
- 8C7178
- 8A7379
- 89757A
- 87777C
- 857A7D
- 847C7E
- 827E7F
Farbharmonien
Komplementär +180°
- 906A75
Opera
- 548077
≈ Dull Turquoise
Analog -30° +30°
- 906A75
Opera
- 886C85
≈ Purple Grey
- 926B65
≈ Clay Ridge
Triadisch +120° +240°
- 906A75
Opera
- 727B59
≈ Loden Green
- 5B7B91
≈ Provincial Blue
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.66:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.50:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--opera: #906a75;
--opera-rgb: 144 106 117;
--opera-oklch: oklch(0.566 0.051 359.8);
}
.element {
color: var(--opera);
background-color: hsl(343 15% 49%);
border-color: oklch(0.566 0.051 359.8);
}Tailwind CSS v4
@theme {
--color-opera: #906a75;
--color-opera-50: #ffeff4;
--color-opera-100: #f8e1e6;
--color-opera-200: #e8ccd2;
--color-opera-300: #cfadb5;
--color-opera-400: #b9929d;
--color-opera-500: #a37885;
--color-opera-600: #8a6670;
--color-opera-700: #6f515a;
--color-opera-800: #513b42;
--color-opera-900: #39292e;
--color-opera-950: #23161b;
}SCSS
$opera: #906a75;
$opera-rgb: 144, 106, 117;
$opera-light: mix(#fff, $opera, 20%);
$opera-dark: mix(#000, $opera, 20%);
.element {
color: $opera;
box-shadow: 0 0 0 2px rgba($opera, 0.35);
}