Nächste benannte Farbe · #C39397
#C39397
Nächste benannte Farbe: Mutabilis
#C39397 (rgb(195 147 151), hsl(355 29% 67%), oklch(0.71 0.058 13.1)) liegt am nächsten an der benannten Farbe Mutabilis. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C39397
oklch(0.71 0.058 13.1)
Farbumrechnungen
- HEX
- #c39397
- RGB
- rgb(195 147 151)
- HSL
- hsl(355 29% 67%)
- HWB
- hwb(355 58% 24%)
- OKLCH
- oklch(0.71 0.058 13.1)
- OKLab
- oklab(0.71 0.057 0.013)
- CIE Lab
- lab(65.7 19.07 5.3)
- LCH
- lch(65.7 19.79 15.5)
- CMYK
- cmyk(0% 25% 23% 24%)
Tints · Shades · Tones
Tints
- C99DA1
- D0A8AB
- D6B3B5
- DCBDBF
- E2C8CA
- E8D3D4
- EEDEDF
- F3E9E9
- F9F4F4
Shades
- A97F83
- 906C6F
- 78595C
- 604749
- 4A3637
- 342526
- 201617
- 0E0808
- 020101
Tones
- BC9195
- B68F92
- AF8E90
- A88C8E
- A28A8B
- 9B8889
- 948687
- 8E8485
- 878282
Farbharmonien
Komplementär +180°
- C39397
Mutabilis
- 76ADAB
≈ Solution
Analog -30° +30°
- C39397
Mutabilis
- BC93AB
≈ Bed of Roses
- C29685
≈ Revenant Brown
Triadisch +120° +240°
- C39397
Mutabilis
- 93AA85
≈ Huntington Garden
- 88A4C6
≈ Windy City
Geteilt komplementär +150° +210°
- C39397
Mutabilis
- 80AD97
≈ Catnip
- 79AABC
≈ Snowboard
Tetradisch +90° +180° +270°
- C39397
Mutabilis
- A8A479
≈ Fond of Fronds
- 76ADAB
≈ Solution
- 9C9DC5
≈ Opulent Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.64:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.94:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.94:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--mutabilis: #c39397;
--mutabilis-rgb: 195 147 151;
--mutabilis-oklch: oklch(0.71 0.058 13.1);
}
.element {
color: var(--mutabilis);
background-color: hsl(355 29% 67%);
border-color: oklch(0.71 0.058 13.1);
}Tailwind CSS v4
@theme {
--color-mutabilis: #c39397;
--color-mutabilis-50: #ffeff0;
--color-mutabilis-100: #fbe1e2;
--color-mutabilis-200: #eccbcc;
--color-mutabilis-300: #d4acae;
--color-mutabilis-400: #be9195;
--color-mutabilis-500: #a9767b;
--color-mutabilis-600: #8f6468;
--color-mutabilis-700: #735053;
--color-mutabilis-800: #553a3d;
--color-mutabilis-900: #3b282a;
--color-mutabilis-950: #251618;
}SCSS
$mutabilis: #c39397;
$mutabilis-rgb: 195, 147, 151;
$mutabilis-light: mix(#fff, $mutabilis, 20%);
$mutabilis-dark: mix(#000, $mutabilis, 20%);
.element {
color: $mutabilis;
box-shadow: 0 0 0 2px rgba($mutabilis, 0.35);
}