Colore con nome · #4A657A
Gloomy Sea
Gloomy Sea è #4A657A: rgb(74 101 122), hsl(206 24% 38%), oklch(0.494 0.047 242.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Gloomy Sea color name →
#4A657A
oklch(0.494 0.047 242.2)
Conversioni di colore
- HEX
- #4a657a
- RGB
- rgb(74 101 122)
- HSL
- hsl(206 24% 38%)
- HWB
- hwb(206 29% 52%)
- OKLCH
- oklch(0.494 0.047 242.2)
- OKLab
- oklab(0.494 -0.022 -0.041)
- CIE Lab
- lab(41.27 -5.96 -15.2)
- LCH
- lch(41.27 16.33 248.6)
- CMYK
- cmyk(39% 17% 0% 52%)
Tinte · Ombre · Toni
Tinte
- 5B7387
- 6C8293
- 7D91A0
- 8FA0AE
- A1AFBB
- B3BFC8
- C6CED6
- D8DEE3
- ECEFF1
Ombre
- 3F5769
- 354959
- 2A3C49
- 202F3A
- 17222B
- 0E171D
- 060C10
- 020305
- 000001
Toni
- 50687B
- 556A7B
- 5A6D7C
- 60707D
- 65737D
- 6B757E
- 70787E
- 757B7F
- 7B7D80
Armonie di colore
Complementare +180°
- 4A657A
Gloomy Sea
- 755C46
≈ Mission Brown
Analogo -30° +30°
- 4A657A
Gloomy Sea
- 416971
≈ Teal Mosaic
- 58607C
≈ Award Night
Triadico +120° +240°
- 4A657A
Gloomy Sea
- 79575F
≈ Falcon Wing
- 5D6648
≈ Olympia Ivy
Complementare divisa +150° +210°
- 4A657A
Gloomy Sea
- 7A5851
≈ Sequoia Dusk
- 6B6143
≈ Bronze Medal
Tetradico +90° +180° +270°
- 4A657A
Gloomy Sea
- 72586D
≈ Exotic Orchid
- 755C46
≈ Mission Brown
- 4E6955
≈ Kale Green
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.11:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.43:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.11:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--gloomy-sea: #4a657a;
--gloomy-sea-rgb: 74 101 122;
--gloomy-sea-oklch: oklch(0.494 0.047 242.2);
}
.element {
color: var(--gloomy-sea);
background-color: hsl(206 24% 38%);
border-color: oklch(0.494 0.047 242.2);
}Tailwind CSS v4
@theme {
--color-gloomy-sea: #4a657a;
--color-gloomy-sea-50: #eaf7ff;
--color-gloomy-sea-100: #dbeaf7;
--color-gloomy-sea-200: #c4d7e7;
--color-gloomy-sea-300: #a4bbce;
--color-gloomy-sea-400: #87a2b8;
--color-gloomy-sea-500: #6b8aa3;
--color-gloomy-sea-600: #5b758a;
--color-gloomy-sea-700: #495e6e;
--color-gloomy-sea-800: #344551;
--color-gloomy-sea-900: #233038;
--color-gloomy-sea-950: #121c23;
}SCSS
$gloomy-sea: #4a657a;
$gloomy-sea-rgb: 74, 101, 122;
$gloomy-sea-light: mix(#fff, $gloomy-sea, 20%);
$gloomy-sea-dark: mix(#000, $gloomy-sea, 20%);
.element {
color: $gloomy-sea;
box-shadow: 0 0 0 2px rgba($gloomy-sea, 0.35);
}