Benannte Farbe · #2B526A
Shimmering Sea
Shimmering Sea ist #2B526A: rgb(43 82 106), hsl(203 42% 29%), oklch(0.421 0.06 237.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Shimmering Sea color name →
#2B526A
oklch(0.421 0.06 237.5)
Farbumrechnungen
- HEX
- #2b526a
- RGB
- rgb(43 82 106)
- HSL
- hsl(203 42% 29%)
- HWB
- hwb(203 17% 58%)
- OKLCH
- oklch(0.421 0.06 237.5)
- OKLab
- oklab(0.421 -0.032 -0.05)
- CIE Lab
- lab(32.83 -8.41 -18.42)
- LCH
- lch(32.83 20.25 245.5)
- CMYK
- cmyk(59% 23% 0% 58%)
Tints · Shades · Tones
Tints
- 3F6278
- 537286
- 678395
- 7C94A4
- 91A5B2
- A6B6C1
- BCC8D1
- D2DAE0
- E8ECEF
Shades
- 24465B
- 1D3B4D
- 162F3F
- 102531
- 0A1A24
- 051118
- 02080D
- 010204
- 000000
Tones
- 34576C
- 3D5B6F
- 466071
- 4E6473
- 566975
- 5F6E78
- 67727A
- 6F777C
- 787B7E
Farbharmonien
Komplementär +180°
- 2B526A
Shimmering Sea
- 66452B
≈ Van Dyke Brown
Analog -30° +30°
- 2B526A
Shimmering Sea
- 1D565E
≈ Uncharted
- 3F4C6E
≈ Mountain Blueberry
Triadisch +120° +240°
- 2B526A
Shimmering Sea
- 683F4D
≈ Crushed Violets
- 4B522B
≈ Trefoil
Geteilt komplementär +150° +210°
- 2B526A
Shimmering Sea
- 6A403B
≈ Burgundy Wine
- 5B4B24
≈ Bronze Olive
Tetradisch +90° +180° +270°
- 2B526A
Shimmering Sea
- 5F415E
≈ Hortensia
- 66452B
≈ Van Dyke Brown
- 36563A
≈ Ficus
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.34:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.51:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.34:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--shimmering-sea: #2b526a;
--shimmering-sea-rgb: 43 82 106;
--shimmering-sea-oklch: oklch(0.421 0.06 237.5);
}
.element {
color: var(--shimmering-sea);
background-color: hsl(203 42% 29%);
border-color: oklch(0.421 0.06 237.5);
}Tailwind CSS v4
@theme {
--color-shimmering-sea: #2b526a;
--color-shimmering-sea-50: #e6f8ff;
--color-shimmering-sea-100: #d7ebfa;
--color-shimmering-sea-200: #bed8ec;
--color-shimmering-sea-300: #9cbcd3;
--color-shimmering-sea-400: #7da4be;
--color-shimmering-sea-500: #5f8ca9;
--color-shimmering-sea-600: #51778f;
--color-shimmering-sea-700: #415f73;
--color-shimmering-sea-800: #2e4654;
--color-shimmering-sea-900: #1f303b;
--color-shimmering-sea-950: #0e1d25;
}SCSS
$shimmering-sea: #2b526a;
$shimmering-sea-rgb: 43, 82, 106;
$shimmering-sea-light: mix(#fff, $shimmering-sea, 20%);
$shimmering-sea-dark: mix(#000, $shimmering-sea, 20%);
.element {
color: $shimmering-sea;
box-shadow: 0 0 0 2px rgba($shimmering-sea, 0.35);
}