Benannte Farbe · #9CB8B5
Renew Blue
Renew Blue ist #9CB8B5: rgb(156 184 181), hsl(174 16% 67%), oklch(0.761 0.031 188.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Renew Blue color name →
#9CB8B5
oklch(0.761 0.031 188.6)
Farbumrechnungen
- HEX
- #9cb8b5
- RGB
- rgb(156 184 181)
- HSL
- hsl(174 16% 67%)
- HWB
- hwb(174 61% 28%)
- OKLCH
- oklch(0.761 0.031 188.6)
- OKLab
- oklab(0.761 -0.03 -0.005)
- CIE Lab
- lab(72.6 -10.35 -1.84)
- LCH
- lch(72.6 10.51 190.1)
- CMYK
- cmyk(15% 0% 2% 28%)
Tints · Shades · Tones
Tints
- A6BFBC
- AFC6C3
- B9CDCB
- C3D4D2
- CDDBD9
- D7E2E1
- E1E9E8
- EBF1F0
- F5F8F7
Shades
- 87A09D
- 738886
- 5F716F
- 4C5B59
- 394544
- 283130
- 181E1D
- 090C0C
- 010202
Tones
- 99B2B0
- 97ADAA
- 94A7A5
- 91A19F
- 8E9C9A
- 8B9695
- 899090
- 868B8A
- 838585
Farbharmonien
Komplementär +180°
- 9CB8B5
Renew Blue
- C4AAAD
≈ Violet Ice
Analog -30° +30°
- 9CB8B5
Renew Blue
- A2B8AA
≈ Silt Green
- 9CB6BF
≈ Peaceful Blue
Triadisch +120° +240°
- 9CB8B5
Renew Blue
- B7ACC1
≈ Wisteria Trellis
- BFAE9D
≈ Gentry Grey
Geteilt komplementär +150° +210°
- 9CB8B5
Renew Blue
- BFAAB8
≈ Soft Heather
- C4ABA3
≈ Poetry in Motion
Tetradisch +90° +180° +270°
- 9CB8B5
Renew Blue
- ACB0C5
≈ Noble Purple
- C4AAAD
≈ Violet Ice
- B6B29C
≈ Bonsai Pot
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.11:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.93:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.93:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--renew-blue: #9cb8b5;
--renew-blue-rgb: 156 184 181;
--renew-blue-oklch: oklch(0.761 0.031 188.6);
}
.element {
color: var(--renew-blue);
background-color: hsl(174 16% 67%);
border-color: oklch(0.761 0.031 188.6);
}Tailwind CSS v4
@theme {
--color-renew-blue: #9cb8b5;
--color-renew-blue-50: #ecf8f7;
--color-renew-blue-100: #ddebea;
--color-renew-blue-200: #c6d9d7;
--color-renew-blue-300: #a6bdbb;
--color-renew-blue-400: #8ba5a2;
--color-renew-blue-500: #6f8d8a;
--color-renew-blue-600: #5e7775;
--color-renew-blue-700: #4b605d;
--color-renew-blue-800: #374644;
--color-renew-blue-900: #25302f;
--color-renew-blue-950: #141d1c;
}SCSS
$renew-blue: #9cb8b5;
$renew-blue-rgb: 156, 184, 181;
$renew-blue-light: mix(#fff, $renew-blue, 20%);
$renew-blue-dark: mix(#000, $renew-blue, 20%);
.element {
color: $renew-blue;
box-shadow: 0 0 0 2px rgba($renew-blue, 0.35);
}