Najbliższy nazwany kolor · #47908D
#47908D
Najbliższy nazwany kolor: Sea
#47908D (rgb(71 144 141), hsl(178 34% 42%), oklch(0.606 0.073 191.8)) jest najbliższy nazwanemu kolorowi Sea. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#47908D
oklch(0.606 0.073 191.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5B9B98
- 6EA6A3
- 80B1AE
- 93BCB9
- A5C7C4
- B6D2D0
- C8DDDC
- DBE8E7
- EDF4F3
Odcienie ciemniejsze
- 3D7D7A
- 326A67
- 285755
- 1F4544
- 163433
- 0D2423
- 061514
- 020707
- 000101
Tony
- 4F8F8C
- 568D8A
- 5C8C89
- 628A88
- 688887
- 6D8785
- 728584
- 778383
- 7C8281
Harmonie kolorów
Komplementarna +180°
- 47908D
Sea
- A97076
≈ Pomegranate Tea
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- 47908D
Sea
- A1718E
≈ Upper Crust
- A8735F
≈ Hazelnut
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.72:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.64:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
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);
}