Colore con nome · #4C959D
Sea Current
Sea Current è #4C959D: rgb(76 149 157), hsl(186 35% 46%), oklch(0.626 0.074 204.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Sea Current color name →
#4C959D
oklch(0.626 0.074 204.8)
Conversioni di colore
- HEX
- #4c959d
- RGB
- rgb(76 149 157)
- HSL
- hsl(186 35% 46%)
- HWB
- hwb(186 30% 38%)
- OKLCH
- oklch(0.626 0.074 204.8)
- OKLab
- oklab(0.626 -0.067 -0.031)
- CIE Lab
- lab(57.27 -22.07 -11.66)
- LCH
- lch(57.27 24.96 207.8)
- CMYK
- cmyk(52% 5% 0% 38%)
Tinte · Ombre · Toni
Tinte
- 609FA6
- 72AAB0
- 84B4BA
- 96BFC3
- A7C9CD
- B9D4D7
- CADFE1
- DCE9EB
- EDF4F5
Ombre
- 418188
- 366D73
- 2C5A5F
- 22484C
- 18373A
- 0F2628
- 061618
- 020809
- 000101
Toni
- 53939A
- 5A9197
- 608F94
- 658D91
- 6A8B8F
- 6F898C
- 748789
- 788486
- 7C8283
Armonie di colore
Complementare +180°
- 4C959D
Sea Current
- B07772
≈ Canyon Rose
Analogo -30° +30°
- 4C959D
Sea Current
- 549785
≈ Crisp Lettuce
- 5A8FAE
≈ Gunjō Blue
Triadico +120° +240°
- 4C959D
Sea Current
- 9F79A1
≈ Pishposh
- 9D8553
≈ Wheatmeal
Complementare divisa +150° +210°
- 4C959D
Sea Current
- AC758A
≈ Cipher
- AB7C5D
≈ Burnt Toffee
Tetradico +90° +180° +270°
- 4C959D
Sea Current
- 8B7FB0
≈ Aster Purple
- B07772
≈ Canyon Rose
- 868D59
≈ Crocodile Smile
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.44:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.09:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--sea-current: #4c959d;
--sea-current-rgb: 76 149 157;
--sea-current-oklch: oklch(0.626 0.074 204.8);
}
.element {
color: var(--sea-current);
background-color: hsl(186 35% 46%);
border-color: oklch(0.626 0.074 204.8);
}Tailwind CSS v4
@theme {
--color-sea-current: #4c959d;
--color-sea-current-50: #defcff;
--color-sea-current-100: #cdeff4;
--color-sea-current-200: #b0dee4;
--color-sea-current-300: #8bc3ca;
--color-sea-current-400: #67abb3;
--color-sea-current-500: #41949d;
--color-sea-current-600: #387d85;
--color-sea-current-700: #2d646a;
--color-sea-current-800: #1f4a4e;
--color-sea-current-900: #143336;
--color-sea-current-950: #051f21;
}SCSS
$sea-current: #4c959d;
$sea-current-rgb: 76, 149, 157;
$sea-current-light: mix(#fff, $sea-current, 20%);
$sea-current-dark: mix(#000, $sea-current, 20%);
.element {
color: $sea-current;
box-shadow: 0 0 0 2px rgba($sea-current, 0.35);
}