Najbliższy nazwany kolor · #6BA4AE
#6BA4AE
Najbliższy nazwany kolor: Seaside
#6BA4AE (rgb(107 164 174), hsl(189 29% 55%), oklch(0.683 0.061 209.7)) jest najbliższy nazwanemu kolorowi Seaside. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#6BA4AE
oklch(0.683 0.061 209.7)
Konwersje koloru
- HEX
- #6ba4ae
- RGB
- rgb(107 164 174)
- HSL
- hsl(189 29% 55%)
- HWB
- hwb(189 42% 32%)
- OKLCH
- oklch(0.683 0.061 209.7)
- OKLab
- oklab(0.683 -0.053 -0.03)
- CIE Lab
- lab(63.71 -17.44 -11.44)
- LCH
- lch(63.71 20.86 213.3)
- CMYK
- cmyk(39% 6% 0% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7AADB6
- 89B6BE
- 98BFC6
- A6C8CE
- B5D1D6
- C4DADE
- D2E3E6
- E1ECEE
- F0F6F7
Odcienie ciemniejsze
- 5C8E97
- 4E7980
- 3F646A
- 325055
- 253D41
- 182B2E
- 0D1A1C
- 040A0B
- 000101
Tony
- 6EA0A9
- 719DA5
- 7399A0
- 76969B
- 789297
- 7A8E92
- 7B8B8E
- 7D8789
- 7F8485
Harmonie kolorów
Komplementarna +180°
- 6BA4AE
Seaside
- BC8B83
≈ Smoky Pink
Analogowa -30° +30°
- 6BA4AE
Seaside
- 6EA69A
≈ Twining Vine
- 769FBC
≈ Blue Nile
Triada +120° +240°
- 6BA4AE
Seaside
- AF8CAC
≈ Voila!
- A8986D
≈ Village Crier
Komplementarna rozszczepiona +150° +210°
- 6BA4AE
Seaside
- BA8A98
≈ Mauvey Nude
- B69173
≈ Toasted
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.78:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.54:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--seaside: #6ba4ae;
--seaside-rgb: 107 164 174;
--seaside-oklch: oklch(0.683 0.061 209.7);
}
.element {
color: var(--seaside);
background-color: hsl(189 29% 55%);
border-color: oklch(0.683 0.061 209.7);
}Tailwind CSS v4
@theme {
--color-seaside: #6ba4ae;
--color-seaside-50: #e2faff;
--color-seaside-100: #d2eef4;
--color-seaside-200: #b7dce3;
--color-seaside-300: #94c0ca;
--color-seaside-400: #73a9b2;
--color-seaside-500: #52929c;
--color-seaside-600: #467b84;
--color-seaside-700: #38636a;
--color-seaside-800: #27484d;
--color-seaside-900: #1a3236;
--color-seaside-950: #0a1e21;
}SCSS
$seaside: #6ba4ae;
$seaside-rgb: 107, 164, 174;
$seaside-light: mix(#fff, $seaside, 20%);
$seaside-dark: mix(#000, $seaside, 20%);
.element {
color: $seaside;
box-shadow: 0 0 0 2px rgba($seaside, 0.35);
}