Benannte Farbe · #8E9B96
Tranquillity
Tranquillity ist #8E9B96: rgb(142 155 150), hsl(157 6% 58%), oklch(0.678 0.017 170.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Tranquillity color name →
#8E9B96
oklch(0.678 0.017 170.8)
Farbumrechnungen
- HEX
- #8e9b96
- RGB
- rgb(142 155 150)
- HSL
- hsl(157 6% 58%)
- HWB
- hwb(157 56% 39%)
- OKLCH
- oklch(0.678 0.017 170.8)
- OKLab
- oklab(0.678 -0.016 0.003)
- CIE Lab
- lab(62.81 -5.56 0.95)
- LCH
- lch(62.81 5.64 170.3)
- CMYK
- cmyk(8% 0% 3% 39%)
Tints · Shades · Tones
Tints
- 99A5A0
- A4AEAA
- AFB8B4
- BAC2BF
- C5CCC9
- D0D6D4
- DCE0DE
- E8EAE9
- F3F5F4
Shades
- 7B8682
- 68726E
- 565E5B
- 444B49
- 343937
- 242826
- 151816
- 070908
- 010101
Tones
- 8D9894
- 8B9692
- 8A938F
- 88908D
- 878D8B
- 868B89
- 848887
- 838584
- 818382
Farbharmonien
Komplementär +180°
- 8E9B96
Tranquillity
- A09499
≈ Lavender Elan
Analog -30° +30°
- 8E9B96
Tranquillity
- 929A91
≈ Pond Leaves
- 8C9B9C
≈ Boredom
Triadisch +120° +240°
- 8E9B96
Tranquillity
- 9796A1
≈ Too Big to Whale
- A0958F
≈ Middle-Earth
Geteilt komplementär +150° +210°
- 8E9B96
Tranquillity
- 9C949E
≈ Hidcote
- A29493
≈ Fall Heliotrope
Tetradisch +90° +180° +270°
- 8E9B96
Tranquillity
- 9298A2
≈ Thunderstorm
- A09499
≈ Lavender Elan
- 9D978C
≈ London Fog
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.88:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.27:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.27:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--tranquillity: #8e9b96;
--tranquillity-rgb: 142 155 150;
--tranquillity-oklch: oklch(0.678 0.017 170.8);
}
.element {
color: var(--tranquillity);
background-color: hsl(157 6% 58%);
border-color: oklch(0.678 0.017 170.8);
}Tailwind CSS v4
@theme {
--color-tranquillity: #8e9b96;
--color-tranquillity-50: #f1f7f5;
--color-tranquillity-100: #e3eae7;
--color-tranquillity-200: #ced7d3;
--color-tranquillity-300: #afbab6;
--color-tranquillity-400: #95a29d;
--color-tranquillity-500: #7c8a85;
--color-tranquillity-600: #697570;
--color-tranquillity-700: #545d5a;
--color-tranquillity-800: #3d4441;
--color-tranquillity-900: #2a2f2d;
--color-tranquillity-950: #181c1a;
}SCSS
$tranquillity: #8e9b96;
$tranquillity-rgb: 142, 155, 150;
$tranquillity-light: mix(#fff, $tranquillity, 20%);
$tranquillity-dark: mix(#000, $tranquillity, 20%);
.element {
color: $tranquillity;
box-shadow: 0 0 0 2px rgba($tranquillity, 0.35);
}