Colore con nome · #506770
Sultry Sea
Sultry Sea è #506770: rgb(80 103 112), hsl(197 17% 38%), oklch(0.499 0.031 223.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sultry Sea color name →
#506770
oklch(0.499 0.031 223.8)
Conversioni di colore
- HEX
- #506770
- RGB
- rgb(80 103 112)
- HSL
- hsl(197 17% 38%)
- HWB
- hwb(197 31% 56%)
- OKLCH
- oklch(0.499 0.031 223.8)
- OKLab
- oklab(0.499 -0.022 -0.021)
- CIE Lab
- lab(41.99 -7.15 -8.04)
- LCH
- lch(41.99 10.76 228.4)
- CMYK
- cmyk(29% 8% 0% 56%)
Tinte · Ombre · Toni
Tinte
- 60757D
- 71838B
- 819299
- 92A1A7
- A4B0B5
- B5BFC3
- C7CFD2
- DADFE1
- ECEFF0
Ombre
- 445960
- 394B51
- 2E3D43
- 243035
- 1A2327
- 10171A
- 070C0E
- 020404
- 000001
Toni
- 556972
- 5A6C73
- 5F6E75
- 637176
- 687378
- 6D767A
- 72787B
- 767B7D
- 7B7D7E
Armonie di colore
Complementare +180°
- 506770
Sultry Sea
- 735E55
≈ Raccoon Tail
Analogo -30° +30°
- 506770
Sultry Sea
- 4E6968
≈ Hancock
- 576475
≈ Midnight Shadow
Triadico +120° +240°
- 506770
Sultry Sea
- 705C67
≈ Smoked Mulberry
- 666450
≈ Groundcover
Complementare divisa +150° +210°
- 506770
Sultry Sea
- 735C5D
≈ Peppercorn
- 6E6050
≈ Introspective
Tetradico +90° +180° +270°
- 506770
Sultry Sea
- 695E70
≈ Sedona Shadow
- 735E55
≈ Raccoon Tail
- 5C6755
≈ Less Traveled
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.97:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.51:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 5.97:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--sultry-sea: #506770;
--sultry-sea-rgb: 80 103 112;
--sultry-sea-oklch: oklch(0.499 0.031 223.8);
}
.element {
color: var(--sultry-sea);
background-color: hsl(197 17% 38%);
border-color: oklch(0.499 0.031 223.8);
}Tailwind CSS v4
@theme {
--color-sultry-sea: #506770;
--color-sultry-sea-50: #ecf7fc;
--color-sultry-sea-100: #deeaf0;
--color-sultry-sea-200: #c7d7de;
--color-sultry-sea-300: #a7bbc4;
--color-sultry-sea-400: #8ca3ac;
--color-sultry-sea-500: #718b95;
--color-sultry-sea-600: #5f767e;
--color-sultry-sea-700: #4c5e65;
--color-sultry-sea-800: #37454a;
--color-sultry-sea-900: #263033;
--color-sultry-sea-950: #141c1f;
}SCSS
$sultry-sea: #506770;
$sultry-sea-rgb: 80, 103, 112;
$sultry-sea-light: mix(#fff, $sultry-sea, 20%);
$sultry-sea-dark: mix(#000, $sultry-sea, 20%);
.element {
color: $sultry-sea;
box-shadow: 0 0 0 2px rgba($sultry-sea, 0.35);
}