Nazwany kolor · #4F6F91
Caspian Sea
Caspian Sea to #4F6F91: rgb(79 111 145), hsl(211 29% 44%), oklch(0.531 0.065 250.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Caspian Sea color name →
#4F6F91
oklch(0.531 0.065 250.6)
Konwersje koloru
- HEX
- #4f6f91
- RGB
- rgb(79 111 145)
- HSL
- hsl(211 29% 44%)
- HWB
- hwb(211 31% 43%)
- OKLCH
- oklch(0.531 0.065 250.6)
- OKLab
- oklab(0.531 -0.022 -0.062)
- CIE Lab
- lab(45.43 -4.63 -22.56)
- LCH
- lch(45.43 23.03 258.4)
- CMYK
- cmyk(46% 23% 0% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 607D9C
- 708AA7
- 8198B2
- 92A7BC
- A4B5C7
- B6C3D2
- C8D2DE
- DAE1E9
- ECF0F4
Odcienie ciemniejsze
- 44607D
- 38516A
- 2E4258
- 233446
- 192735
- 101A25
- 070E15
- 020407
- 000101
Tony
- 547190
- 59738E
- 5E748C
- 63768B
- 687889
- 6D7A87
- 727B86
- 777D84
- 7B7E82
Harmonie kolorów
Komplementarna +180°
- 4F6F91
Caspian Sea
- 846641
≈ Bright Umber
Analogowa -30° +30°
- 4F6F91
Caspian Sea
- 3D7587
≈ English River
- 656892
≈ Wild Wisteria
Triada +120° +240°
- 4F6F91
Caspian Sea
- 8E5C63
≈ Cherry Cocoa
- 5F744C
≈ Pineweed
Komplementarna rozszczepiona +150° +210°
- 4F6F91
Caspian Sea
- 8D5F4F
≈ Upper East Side
- 746D3F
≈ Trough Shell
Tetrada +90° +180° +270°
- 4F6F91
Caspian Sea
- 865D78
≈ Argyle Purple
- 846641
≈ Bright Umber
- 48785F
≈ Como
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.23:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.01:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--caspian-sea: #4f6f91;
--caspian-sea-rgb: 79 111 145;
--caspian-sea-oklch: oklch(0.531 0.065 250.6);
}
.element {
color: var(--caspian-sea);
background-color: hsl(211 29% 44%);
border-color: oklch(0.531 0.065 250.6);
}Tailwind CSS v4
@theme {
--color-caspian-sea: #4f6f91;
--color-caspian-sea-50: #e8f7ff;
--color-caspian-sea-100: #d9eafe;
--color-caspian-sea-200: #c1d7f0;
--color-caspian-sea-300: #a0bad9;
--color-caspian-sea-400: #82a2c4;
--color-caspian-sea-500: #658ab0;
--color-caspian-sea-600: #567495;
--color-caspian-sea-700: #445d77;
--color-caspian-sea-800: #304458;
--color-caspian-sea-900: #212f3e;
--color-caspian-sea-950: #101c27;
}SCSS
$caspian-sea: #4f6f91;
$caspian-sea-rgb: 79, 111, 145;
$caspian-sea-light: mix(#fff, $caspian-sea, 20%);
$caspian-sea-dark: mix(#000, $caspian-sea, 20%);
.element {
color: $caspian-sea;
box-shadow: 0 0 0 2px rgba($caspian-sea, 0.35);
}