Nazwany kolor · #9EB2B9
Ovation
Ovation to #9EB2B9: rgb(158 178 185), hsl(196 16% 67%), oklch(0.75 0.024 220.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ovation color name →
#9EB2B9
oklch(0.75 0.024 220.8)
Konwersje koloru
- HEX
- #9eb2b9
- RGB
- rgb(158 178 185)
- HSL
- hsl(196 16% 67%)
- HWB
- hwb(196 62% 27%)
- OKLCH
- oklch(0.75 0.024 220.8)
- OKLab
- oklab(0.75 -0.018 -0.016)
- CIE Lab
- lab(71.19 -6.06 -6.05)
- LCH
- lch(71.19 8.57 225)
- CMYK
- cmyk(15% 4% 0% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A7B9C0
- B1C1C7
- BAC9CE
- C4D0D5
- CED8DC
- D7E0E3
- E1E7EA
- EBEFF1
- F5F7F8
Odcienie ciemniejsze
- 899AA0
- 748389
- 606D71
- 4D575B
- 3A4346
- 292F31
- 181D1E
- 090C0D
- 010102
Tony
- 9BADB3
- 98A8AD
- 95A3A8
- 929EA2
- 8F999C
- 8C9496
- 898F91
- 868A8B
- 838586
Harmonie kolorów
Komplementarna +180°
- 9EB2B9
Ovation
- BCA9A2
≈ Classic
Analogowa -30° +30°
- 9EB2B9
Ovation
- 9DB3B2
≈ Powder Mill
- A3B0BD
≈ Sensitivity
Triada +120° +240°
- 9EB2B9
Ovation
- B9A8B3
≈ Resplendent
- B1AF9D
≈ Still
Komplementarna rozszczepiona +150° +210°
- 9EB2B9
Ovation
- BDA8AA
≈ Pale Poppy
- B8AC9E
≈ Tapestry Beige
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.20:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.52:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.52:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--ovation: #9eb2b9;
--ovation-rgb: 158 178 185;
--ovation-oklch: oklch(0.75 0.024 220.8);
}
.element {
color: var(--ovation);
background-color: hsl(196 16% 67%);
border-color: oklch(0.75 0.024 220.8);
}Tailwind CSS v4
@theme {
--color-ovation: #9eb2b9;
--color-ovation-50: #eef7fa;
--color-ovation-100: #e0eaee;
--color-ovation-200: #cad7dc;
--color-ovation-300: #abbac1;
--color-ovation-400: #8fa2a9;
--color-ovation-500: #758a92;
--color-ovation-600: #63757b;
--color-ovation-700: #4f5e63;
--color-ovation-800: #394548;
--color-ovation-900: #272f32;
--color-ovation-950: #151c1e;
}SCSS
$ovation: #9eb2b9;
$ovation-rgb: 158, 178, 185;
$ovation-light: mix(#fff, $ovation, 20%);
$ovation-dark: mix(#000, $ovation, 20%);
.element {
color: $ovation;
box-shadow: 0 0 0 2px rgba($ovation, 0.35);
}