Nazwany kolor · #4A657A
Gloomy Sea
Gloomy Sea to #4A657A: rgb(74 101 122), hsl(206 24% 38%), oklch(0.494 0.047 242.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Gloomy Sea color name →
#4A657A
oklch(0.494 0.047 242.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5B7387
- 6C8293
- 7D91A0
- 8FA0AE
- A1AFBB
- B3BFC8
- C6CED6
- D8DEE3
- ECEFF1
Odcienie ciemniejsze
- 3F5769
- 354959
- 2A3C49
- 202F3A
- 17222B
- 0E171D
- 060C10
- 020305
- 000001
Tony
- 50687B
- 556A7B
- 5A6D7C
- 60707D
- 65737D
- 6B757E
- 70787E
- 757B7F
- 7B7D80
Harmonie kolorów
Komplementarna +180°
- 4A657A
Gloomy Sea
- 755C46
≈ Mission Brown
Analogowa -30° +30°
- 4A657A
Gloomy Sea
- 416971
≈ Teal Mosaic
- 58607C
≈ Award Night
Triada +120° +240°
- 4A657A
Gloomy Sea
- 79575F
≈ Falcon Wing
- 5D6648
≈ Olympia Ivy
Komplementarna rozszczepiona +150° +210°
- 4A657A
Gloomy Sea
- 7A5851
≈ Sequoia Dusk
- 6B6143
≈ Bronze Medal
Tetrada +90° +180° +270°
- 4A657A
Gloomy Sea
- 72586D
≈ Exotic Orchid
- 755C46
≈ Mission Brown
- 4E6955
≈ Kale Green
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.11:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.43:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.11:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
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);
}