Colore con nome · #5B7886
Ocean Shadow
Ocean Shadow è #5B7886: rgb(91 120 134), hsl(200 19% 44%), oklch(0.555 0.04 229.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Ocean Shadow color name →
#5B7886
oklch(0.555 0.04 229.1)
Conversioni di colore
- HEX
- #5b7886
- RGB
- rgb(91 120 134)
- HSL
- hsl(200 19% 44%)
- HWB
- hwb(200 36% 47%)
- OKLCH
- oklch(0.555 0.04 229.1)
- OKLab
- oklab(0.555 -0.026 -0.03)
- CIE Lab
- lab(48.56 -8.13 -11.27)
- LCH
- lch(48.56 13.89 234.2)
- CMYK
- cmyk(32% 10% 0% 47%)
Tinte · Ombre · Toni
Tinte
- 6A8592
- 7A929D
- 8A9FA9
- 9AACB5
- AAB9C1
- BBC7CD
- CCD5D9
- DCE3E6
- EEF1F2
Ombre
- 4E6774
- 415762
- 354851
- 293940
- 1E2A30
- 131D21
- 091013
- 030506
- 000101
Toni
- 5F7985
- 637A85
- 677B84
- 6A7B84
- 6E7C83
- 727D83
- 757E82
- 797E81
- 7C7F81
Armonie di colore
Complementare +180°
- 5B7886
Ocean Shadow
- 876D5F
≈ Wandering Road
Analogo -30° +30°
- 5B7886
Ocean Shadow
- 577B7C
≈ Labradorite Green
- 65748B
≈ Niche
Triadico +120° +240°
- 5B7886
Ocean Shadow
- 866A77
≈ Plum Royale
- 75755A
≈ Positively Palm
Complementare divisa +150° +210°
- 5B7886
Ocean Shadow
- 896A6A
≈ Ferra
- 807159
≈ Jarrah
Tetradico +90° +180° +270°
- 5B7886
Ocean Shadow
- 7E6C82
≈ Parma Grey
- 876D5F
≈ Wandering Road
- 677963
≈ Mildura
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.69:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.47:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.69:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--ocean-shadow: #5b7886;
--ocean-shadow-rgb: 91 120 134;
--ocean-shadow-oklch: oklch(0.555 0.04 229.1);
}
.element {
color: var(--ocean-shadow);
background-color: hsl(200 19% 44%);
border-color: oklch(0.555 0.04 229.1);
}Tailwind CSS v4
@theme {
--color-ocean-shadow: #5b7886;
--color-ocean-shadow-50: #eaf8ff;
--color-ocean-shadow-100: #dbebf3;
--color-ocean-shadow-200: #c4d8e2;
--color-ocean-shadow-300: #a4bcc8;
--color-ocean-shadow-400: #87a3b2;
--color-ocean-shadow-500: #6b8c9c;
--color-ocean-shadow-600: #5b7683;
--color-ocean-shadow-700: #485f69;
--color-ocean-shadow-800: #34454d;
--color-ocean-shadow-900: #233036;
--color-ocean-shadow-950: #121c21;
}SCSS
$ocean-shadow: #5b7886;
$ocean-shadow-rgb: 91, 120, 134;
$ocean-shadow-light: mix(#fff, $ocean-shadow, 20%);
$ocean-shadow-dark: mix(#000, $ocean-shadow, 20%);
.element {
color: $ocean-shadow;
box-shadow: 0 0 0 2px rgba($ocean-shadow, 0.35);
}