Najbliższy nazwany kolor · #6EA4A9
#6EA4A9
Najbliższy nazwany kolor: Seaside
#6EA4A9 (rgb(110 164 169), hsl(185 26% 55%), oklch(0.683 0.057 203.3)) jest najbliższy nazwanemu kolorowi Seaside. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#6EA4A9
oklch(0.683 0.057 203.3)
Konwersje koloru
- HEX
- #6ea4a9
- RGB
- rgb(110 164 169)
- HSL
- hsl(185 26% 55%)
- HWB
- hwb(185 43% 34%)
- OKLCH
- oklch(0.683 0.057 203.3)
- OKLab
- oklab(0.683 -0.053 -0.023)
- CIE Lab
- lab(63.74 -17.53 -8.59)
- LCH
- lch(63.74 19.53 206.1)
- CMYK
- cmyk(35% 3% 0% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7DADB1
- 8BB6BA
- 9ABFC2
- A8C8CB
- B6D1D3
- C5DADC
- D3E3E5
- E2ECED
- F0F6F6
Odcienie ciemniejsze
- 5F8E92
- 50797C
- 416467
- 335053
- 263D3F
- 192B2C
- 0E1A1B
- 040A0A
- 010101
Tony
- 71A0A5
- 739DA1
- 75999D
- 779698
- 799294
- 7B8E90
- 7C8B8C
- 7E8788
- 7F8484
Harmonie kolorów
Komplementarna +180°
- 6EA4A9
Seaside
- BA8C88
≈ Smoky Pink
Analogowa -30° +30°
- 6EA4A9
Seaside
- 74A596
≈ Twining Vine
- 76A0B7
≈ Blue Nile
Triada +120° +240°
- 6EA4A9
Seaside
- AB8EAE
≈ Revered
- AA9771
≈ Quail Valley
Komplementarna rozszczepiona +150° +210°
- 6EA4A9
Seaside
- B68B9C
≈ Monastir
- B69078
≈ Mojave Dusk
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: #6ea4a9;
--seaside-rgb: 110 164 169;
--seaside-oklch: oklch(0.683 0.057 203.3);
}
.element {
color: var(--seaside);
background-color: hsl(185 26% 55%);
border-color: oklch(0.683 0.057 203.3);
}Tailwind CSS v4
@theme {
--color-seaside: #6ea4a9;
--color-seaside-50: #e3fafd;
--color-seaside-100: #d3eef1;
--color-seaside-200: #b9dce0;
--color-seaside-300: #96c0c5;
--color-seaside-400: #76a9ae;
--color-seaside-500: #569297;
--color-seaside-600: #497b80;
--color-seaside-700: #3a6366;
--color-seaside-800: #29484b;
--color-seaside-900: #1c3234;
--color-seaside-950: #0c1e1f;
}SCSS
$seaside: #6ea4a9;
$seaside-rgb: 110, 164, 169;
$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);
}