Benannte Farbe · #4D939A
Sea Star
Sea Star ist #4D939A: rgb(77 147 154), hsl(185 33% 45%), oklch(0.62 0.071 204). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Sea Star color name →
#4D939A
oklch(0.62 0.071 204)
Farbumrechnungen
- HEX
- #4d939a
- RGB
- rgb(77 147 154)
- HSL
- hsl(185 33% 45%)
- HWB
- hwb(185 30% 40%)
- OKLCH
- oklch(0.62 0.071 204)
- OKLab
- oklab(0.62 -0.065 -0.029)
- CIE Lab
- lab(56.61 -21.53 -10.93)
- LCH
- lch(56.61 24.15 206.9)
- CMYK
- cmyk(50% 5% 0% 40%)
Tints · Shades · Tones
Tints
- 609EA4
- 72A8AE
- 84B3B7
- 96BDC1
- A7C8CC
- B9D3D6
- CADEE0
- DCE9EA
- EDF4F5
Shades
- 427F85
- 376C71
- 2C595E
- 22474B
- 183639
- 0F2527
- 071617
- 020809
- 000101
Tones
- 549197
- 5A8F95
- 608E92
- 658C90
- 6B8A8D
- 6F888A
- 748688
- 788485
- 7C8283
Farbharmonien
Komplementär +180°
- 4D939A
Sea Star
- AD7571
≈ Red Gerbera
Analog -30° +30°
- 4D939A
Sea Star
- 559583
≈ Crisp Lettuce
- 598EAB
≈ Gunjō Blue
Triadisch +120° +240°
- 4D939A
Sea Star
- 9C789F
≈ Divine
- 9B8353
≈ Aztec Brick
Geteilt komplementär +150° +210°
- 4D939A
Sea Star
- A97489
≈ Mauve Orchid
- A97B5D
≈ Tuscan Soil
Tetradisch +90° +180° +270°
- 4D939A
Sea Star
- 887EAD
≈ Parmentier
- AD7571
≈ Red Gerbera
- 858B59
≈ Special Ops
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.52:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.95:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--sea-star: #4d939a;
--sea-star-rgb: 77 147 154;
--sea-star-oklch: oklch(0.62 0.071 204);
}
.element {
color: var(--sea-star);
background-color: hsl(185 33% 45%);
border-color: oklch(0.62 0.071 204);
}Tailwind CSS v4
@theme {
--color-sea-star: #4d939a;
--color-sea-star-50: #dffcff;
--color-sea-star-100: #cdeff4;
--color-sea-star-200: #b2dee3;
--color-sea-star-300: #8cc2c9;
--color-sea-star-400: #69abb2;
--color-sea-star-500: #44949c;
--color-sea-star-600: #3b7d84;
--color-sea-star-700: #2f6469;
--color-sea-star-800: #204a4d;
--color-sea-star-900: #163335;
--color-sea-star-950: #061f21;
}SCSS
$sea-star: #4d939a;
$sea-star-rgb: 77, 147, 154;
$sea-star-light: mix(#fff, $sea-star, 20%);
$sea-star-dark: mix(#000, $sea-star, 20%);
.element {
color: $sea-star;
box-shadow: 0 0 0 2px rgba($sea-star, 0.35);
}