Nazwany kolor · #9AAEBB
Russian Blue
Russian Blue to #9AAEBB: rgb(154 174 187), hsl(204 20% 67%), oklch(0.74 0.029 236.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Russian Blue color name →
#9AAEBB
oklch(0.74 0.029 236.3)
Konwersje koloru
- HEX
- #9aaebb
- RGB
- rgb(154 174 187)
- HSL
- hsl(204 20% 67%)
- HWB
- hwb(204 60% 27%)
- OKLCH
- oklch(0.74 0.029 236.3)
- OKLab
- oklab(0.74 -0.016 -0.024)
- CIE Lab
- lab(69.86 -5.1 -9.14)
- LCH
- lch(69.86 10.47 240.8)
- CMYK
- cmyk(18% 7% 0% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A4B6C2
- AEBEC8
- B8C6CF
- C2CED6
- CCD6DD
- D6DEE3
- E0E6EA
- EAEEF1
- F5F7F8
Odcienie ciemniejsze
- 8597A2
- 71808A
- 5E6A73
- 4B555C
- 394146
- 272E32
- 171C1F
- 090B0D
- 010102
Tony
- 97A9B5
- 95A5AF
- 92A0A9
- 909BA3
- 8D979D
- 8A9297
- 888E91
- 85898C
- 838586
Harmonie kolorów
Komplementarna +180°
- 9AAEBB
Russian Blue
- BAA699
≈ Frontier Land
Analogowa -30° +30°
- 9AAEBB
Russian Blue
- 96B0B4
≈ Bulfinch Blue
- A2ABBE
≈ Lilac Time
Triada +120° +240°
- 9AAEBB
Russian Blue
- BBA3AB
≈ Magical Mauve
- A9AD99
≈ Desert Pear
Komplementarna rozszczepiona +150° +210°
- 9AAEBB
Russian Blue
- BDA4A1
≈ Florida Grey
- B3AA96
≈ Raffia Greige
Tetrada +90° +180° +270°
- 9AAEBB
Russian Blue
- B5A5B5
≈ Bellflower Violet
- BAA699
≈ Frontier Land
- 9FB0A0
≈ Grass Sands
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.29:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.14:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.14:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--russian-blue: #9aaebb;
--russian-blue-rgb: 154 174 187;
--russian-blue-oklch: oklch(0.74 0.029 236.3);
}
.element {
color: var(--russian-blue);
background-color: hsl(204 20% 67%);
border-color: oklch(0.74 0.029 236.3);
}Tailwind CSS v4
@theme {
--color-russian-blue: #9aaebb;
--color-russian-blue-50: #eef7fd;
--color-russian-blue-100: #dfeaf1;
--color-russian-blue-200: #c9d6df;
--color-russian-blue-300: #aabac5;
--color-russian-blue-400: #8fa2ae;
--color-russian-blue-500: #748a97;
--color-russian-blue-600: #637480;
--color-russian-blue-700: #4f5d66;
--color-russian-blue-800: #39444b;
--color-russian-blue-900: #272f34;
--color-russian-blue-950: #151c20;
}SCSS
$russian-blue: #9aaebb;
$russian-blue-rgb: 154, 174, 187;
$russian-blue-light: mix(#fff, $russian-blue, 20%);
$russian-blue-dark: mix(#000, $russian-blue, 20%);
.element {
color: $russian-blue;
box-shadow: 0 0 0 2px rgba($russian-blue, 0.35);
}