Benannte Farbe · #41545C
Sea Blithe
Sea Blithe ist #41545C: rgb(65 84 92), hsl(198 17% 31%), oklch(0.433 0.027 225.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sea Blithe color name →
#41545C
oklch(0.433 0.027 225.5)
Farbumrechnungen
- HEX
- #41545c
- RGB
- rgb(65 84 92)
- HSL
- hsl(198 17% 31%)
- HWB
- hwb(198 25% 64%)
- OKLCH
- oklch(0.433 0.027 225.5)
- OKLab
- oklab(0.433 -0.019 -0.019)
- CIE Lab
- lab(34.36 -6.01 -7.22)
- LCH
- lch(34.36 9.39 230.2)
- CMYK
- cmyk(29% 9% 0% 64%)
Tints · Shades · Tones
Tints
- 52646B
- 64737A
- 76848A
- 88949A
- 9BA5AA
- AEB7BA
- C2C8CB
- D6DADC
- EAEDED
Shades
- 37484F
- 2E3C42
- 253136
- 1C262A
- 131B1F
- 0B1114
- 05080A
- 010203
- 000000
Tones
- 475860
- 4D5D63
- 546167
- 5A656A
- 606A6E
- 666E71
- 6D7375
- 737779
- 7A7B7C
Farbharmonien
Komplementär +180°
- 41545C
Sea Blithe
- 5E4C44
≈ Rookwood Dark Brown
Analog -30° +30°
- 41545C
Sea Blithe
- 3F5555
≈ Orkhide Shade
- 475260
≈ Night Tide
Triadisch +120° +240°
- 41545C
Sea Blithe
- 5C4B54
≈ Purple Prince
- 525241
≈ Forest Floor
Geteilt komplementär +150° +210°
- 41545C
Sea Blithe
- 5F4B4C
≈ Raisin
- 594F40
≈ Mama Racoon
Tetradisch +90° +180° +270°
- 41545C
Sea Blithe
- 564C5B
≈ Mulled Wine
- 5E4C44
≈ Rookwood Dark Brown
- 4A5445
≈ Baize
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.93:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.64:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.93:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--sea-blithe: #41545c;
--sea-blithe-rgb: 65 84 92;
--sea-blithe-oklch: oklch(0.433 0.027 225.5);
}
.element {
color: var(--sea-blithe);
background-color: hsl(198 17% 31%);
border-color: oklch(0.433 0.027 225.5);
}Tailwind CSS v4
@theme {
--color-sea-blithe: #41545c;
--color-sea-blithe-50: #eef7fb;
--color-sea-blithe-100: #dfeaef;
--color-sea-blithe-200: #c9d7dd;
--color-sea-blithe-300: #aabac2;
--color-sea-blithe-400: #8ea2ab;
--color-sea-blithe-500: #748a94;
--color-sea-blithe-600: #62757d;
--color-sea-blithe-700: #4e5e64;
--color-sea-blithe-800: #394549;
--color-sea-blithe-900: #272f33;
--color-sea-blithe-950: #151c1f;
}SCSS
$sea-blithe: #41545c;
$sea-blithe-rgb: 65, 84, 92;
$sea-blithe-light: mix(#fff, $sea-blithe, 20%);
$sea-blithe-dark: mix(#000, $sea-blithe, 20%);
.element {
color: $sea-blithe;
box-shadow: 0 0 0 2px rgba($sea-blithe, 0.35);
}