Nazwany kolor · #355D83
Pelagic
Pelagic to #355D83: rgb(53 93 131), hsl(209 42% 36%), oklch(0.466 0.077 248.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Pelagic color name →
#355D83
oklch(0.466 0.077 248.6)
Konwersje koloru
- HEX
- #355d83
- RGB
- rgb(53 93 131)
- HSL
- hsl(209 42% 36%)
- HWB
- hwb(209 21% 49%)
- OKLCH
- oklch(0.466 0.077 248.6)
- OKLab
- oklab(0.466 -0.028 -0.072)
- CIE Lab
- lab(37.87 -5.26 -25.98)
- LCH
- lch(37.87 26.51 258.6)
- CMYK
- cmyk(60% 29% 0% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 486C8F
- 5B7C9B
- 6F8BA8
- 839BB4
- 96ABC0
- ABBCCD
- BFCCD9
- D4DDE6
- E9EEF2
Odcienie ciemniejsze
- 2D5071
- 254360
- 1D374F
- 152A3F
- 0E1F2F
- 081420
- 030A12
- 010306
- 000001
Tony
- 3D6183
- 456483
- 4D6883
- 546B83
- 5C6F82
- 637282
- 6A7682
- 717981
- 797D81
Harmonie kolorów
Komplementarna +180°
- 355D83
Pelagic
- 765126
≈ Trojan Horse Brown
Analogowa -30° +30°
- 355D83
Pelagic
- 166477
≈ Blue Enchantment
- 505584
≈ Dusk
Triada +120° +240°
- 355D83
Pelagic
- 7E4751
≈ Desert Canyon
- 4D6232
≈ Gemstone Green
Komplementarna rozszczepiona +150° +210°
- 355D83
Pelagic
- 7E4A39
≈ Nutmeg
- 655A22
≈ High Forest Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.89:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 3.04:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.89:1 (AA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--pelagic: #355d83;
--pelagic-rgb: 53 93 131;
--pelagic-oklch: oklch(0.466 0.077 248.6);
}
.element {
color: var(--pelagic);
background-color: hsl(209 42% 36%);
border-color: oklch(0.466 0.077 248.6);
}Tailwind CSS v4
@theme {
--color-pelagic: #355d83;
--color-pelagic-50: #e5f7ff;
--color-pelagic-100: #d5eaff;
--color-pelagic-200: #bcd7f5;
--color-pelagic-300: #9abbde;
--color-pelagic-400: #7ba3ca;
--color-pelagic-500: #5c8ab7;
--color-pelagic-600: #4f759b;
--color-pelagic-700: #3f5e7c;
--color-pelagic-800: #2c455c;
--color-pelagic-900: #1d3040;
--color-pelagic-950: #0d1c29;
}SCSS
$pelagic: #355d83;
$pelagic-rgb: 53, 93, 131;
$pelagic-light: mix(#fff, $pelagic, 20%);
$pelagic-dark: mix(#000, $pelagic, 20%);
.element {
color: $pelagic;
box-shadow: 0 0 0 2px rgba($pelagic, 0.35);
}