Nächste benannte Farbe · #47908D
#47908D
Nächste benannte Farbe: Sea
#47908D (rgb(71 144 141), hsl(178 34% 42%), oklch(0.606 0.073 191.8)) liegt am nächsten an der benannten Farbe Sea. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#47908D
oklch(0.606 0.073 191.8)
Farbumrechnungen
- HEX
- #47908d
- RGB
- rgb(71 144 141)
- HSL
- hsl(178 34% 42%)
- HWB
- hwb(178 28% 44%)
- OKLCH
- oklch(0.606 0.073 191.8)
- OKLab
- oklab(0.606 -0.072 -0.015)
- CIE Lab
- lab(55.08 -24.39 -5.81)
- LCH
- lch(55.08 25.07 193.4)
- CMYK
- cmyk(51% 0% 2% 44%)
Tints · Shades · Tones
Tints
- 5B9B98
- 6EA6A3
- 80B1AE
- 93BCB9
- A5C7C4
- B6D2D0
- C8DDDC
- DBE8E7
- EDF4F3
Shades
- 3D7D7A
- 326A67
- 285755
- 1F4544
- 163433
- 0D2423
- 061514
- 020707
- 000101
Tones
- 4F8F8C
- 568D8A
- 5C8C89
- 628A88
- 688887
- 6D8785
- 728584
- 778383
- 7C8281
Farbharmonien
Komplementär +180°
- 47908D
Sea
- A97076
≈ Pomegranate Tea
Analog -30° +30°
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- 47908D
Sea
- A1718E
≈ Upper Crust
- A8735F
≈ Hazelnut
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.72:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.64:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--sea: #47908d;
--sea-rgb: 71 144 141;
--sea-oklch: oklch(0.606 0.073 191.8);
}
.element {
color: var(--sea);
background-color: hsl(178 34% 42%);
border-color: oklch(0.606 0.073 191.8);
}Tailwind CSS v4
@theme {
--color-sea: #47908d;
--color-sea-50: #defcfb;
--color-sea-100: #cdf0ef;
--color-sea-200: #b1dfdd;
--color-sea-300: #8bc4c2;
--color-sea-400: #68ada9;
--color-sea-500: #439692;
--color-sea-600: #3a7f7c;
--color-sea-700: #2e6563;
--color-sea-800: #204b48;
--color-sea-900: #153432;
--color-sea-950: #061f1e;
}SCSS
$sea: #47908d;
$sea-rgb: 71, 144, 141;
$sea-light: mix(#fff, $sea, 20%);
$sea-dark: mix(#000, $sea, 20%);
.element {
color: $sea;
box-shadow: 0 0 0 2px rgba($sea, 0.35);
}