Benannte Farbe · #6B8885
Classic Calm
Classic Calm ist #6B8885: rgb(107 136 133), hsl(174 12% 48%), oklch(0.603 0.033 188.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Classic Calm color name →
#6B8885
oklch(0.603 0.033 188.5)
Farbumrechnungen
- HEX
- #6b8885
- RGB
- rgb(107 136 133)
- HSL
- hsl(174 12% 48%)
- HWB
- hwb(174 42% 47%)
- OKLCH
- oklch(0.603 0.033 188.5)
- OKLab
- oklab(0.603 -0.033 -0.005)
- CIE Lab
- lab(54.39 -11.18 -1.96)
- LCH
- lch(54.39 11.35 190)
- CMYK
- cmyk(21% 0% 2% 47%)
Tints · Shades · Tones
Tints
- 799391
- 879F9C
- 96AAA8
- A4B6B4
- B3C2C0
- C2CECC
- D1DAD9
- E0E6E5
- EFF3F2
Shades
- 5C7573
- 4E6361
- 3F5250
- 324140
- 253130
- 182221
- 0D1313
- 040606
- 000101
Tones
- 6D8785
- 708684
- 728684
- 748583
- 768483
- 788382
- 7A8282
- 7C8281
- 7E8181
Farbharmonien
Komplementär +180°
- 6B8885
Classic Calm
- 94797D
≈ Chocolaty
Analog -30° +30°
- 6B8885
Classic Calm
- 71887A
≈ Hanging Vine
- 6B868F
≈ Shoreline
Triadisch +120° +240°
- 6B8885
Classic Calm
- 877C91
≈ Dusky Grape
- 8F7E6C
≈ Wet Taupe
Geteilt komplementär +150° +210°
- 6B8885
Classic Calm
- 8F7A88
≈ Classical Violet
- 947B73
≈ Soft Rabbit Brown
Tetradisch +90° +180° +270°
- 6B8885
Classic Calm
- 7C8095
≈ Majestic Mount
- 94797D
≈ Chocolaty
- 86826B
≈ Olive Paste
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.82:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.48:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.48:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--classic-calm: #6b8885;
--classic-calm-rgb: 107 136 133;
--classic-calm-oklch: oklch(0.603 0.033 188.5);
}
.element {
color: var(--classic-calm);
background-color: hsl(174 12% 48%);
border-color: oklch(0.603 0.033 188.5);
}Tailwind CSS v4
@theme {
--color-classic-calm: #6b8885;
--color-classic-calm-50: #ebf8f7;
--color-classic-calm-100: #dcecea;
--color-classic-calm-200: #c5d9d7;
--color-classic-calm-300: #a5bdbb;
--color-classic-calm-400: #89a5a2;
--color-classic-calm-500: #6d8e8a;
--color-classic-calm-600: #5d7875;
--color-classic-calm-700: #4a605e;
--color-classic-calm-800: #364644;
--color-classic-calm-900: #25312f;
--color-classic-calm-950: #131d1c;
}SCSS
$classic-calm: #6b8885;
$classic-calm-rgb: 107, 136, 133;
$classic-calm-light: mix(#fff, $classic-calm, 20%);
$classic-calm-dark: mix(#000, $classic-calm, 20%);
.element {
color: $classic-calm;
box-shadow: 0 0 0 2px rgba($classic-calm, 0.35);
}