Nazwany kolor · #8193AA
Stratus
Stratus to #8193AA: rgb(129 147 170), hsl(214 19% 59%), oklch(0.657 0.04 254.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Stratus color name →
#8193AA
oklch(0.657 0.04 254.6)
Konwersje koloru
- HEX
- #8193aa
- RGB
- rgb(129 147 170)
- HSL
- hsl(214 19% 59%)
- HWB
- hwb(214 51% 33%)
- OKLCH
- oklch(0.657 0.04 254.6)
- OKLab
- oklab(0.657 -0.011 -0.039)
- CIE Lab
- lab(60.1 -2.7 -14.4)
- LCH
- lch(60.1 14.65 259.4)
- CMYK
- cmyk(24% 14% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8D9DB2
- 99A8BB
- A5B2C3
- B2BDCC
- BEC8D4
- CBD3DD
- D8DEE5
- E5E9EE
- F2F4F6
Odcienie ciemniejsze
- 6F7F93
- 5E6C7D
- 4E5968
- 3E4753
- 2E363F
- 1F252D
- 12161B
- 06080B
- 010101
Tony
- 8191A6
- 818FA2
- 818D9D
- 818B99
- 818A95
- 818891
- 80868D
- 808488
- 808284
Harmonie kolorów
Komplementarna +180°
- 8193AA
Stratus
- A08E76
≈ Cottage Walk
Analogowa -30° +30°
- 8193AA
Stratus
- 7797A4
≈ Silver Fir Blue
- 8E8EAA
≈ Delicate Violet
Triada +120° +240°
- 8193AA
Stratus
- A98889
≈ Coffee Rose
- 87977F
≈ Laurel Tree
Komplementarna rozszczepiona +150° +210°
- 8193AA
Stratus
- A78A7D
≈ Fudgecicle
- 959377
≈ Blanched Thyme
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.14:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.68:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--stratus: #8193aa;
--stratus-rgb: 129 147 170;
--stratus-oklch: oklch(0.657 0.04 254.6);
}
.element {
color: var(--stratus);
background-color: hsl(214 19% 59%);
border-color: oklch(0.657 0.04 254.6);
}Tailwind CSS v4
@theme {
--color-stratus: #8193aa;
--color-stratus-50: #eef6ff;
--color-stratus-100: #dfe9f6;
--color-stratus-200: #cad5e6;
--color-stratus-300: #abb9cc;
--color-stratus-400: #8fa0b6;
--color-stratus-500: #7488a1;
--color-stratus-600: #637388;
--color-stratus-700: #4f5c6d;
--color-stratus-800: #394350;
--color-stratus-900: #272f38;
--color-stratus-950: #151b22;
}SCSS
$stratus: #8193aa;
$stratus-rgb: 129, 147, 170;
$stratus-light: mix(#fff, $stratus, 20%);
$stratus-dark: mix(#000, $stratus, 20%);
.element {
color: $stratus;
box-shadow: 0 0 0 2px rgba($stratus, 0.35);
}