Nazwany kolor · #26A5BA
Jamaican Sea
Jamaican Sea to #26A5BA: rgb(38 165 186), hsl(189 66% 44%), oklch(0.666 0.108 211.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Jamaican Sea color name →
#26A5BA
oklch(0.666 0.108 211.8)
Konwersje koloru
- HEX
- #26a5ba
- RGB
- rgb(38 165 186)
- HSL
- hsl(189 66% 44%)
- HWB
- hwb(189 15% 27%)
- OKLCH
- oklch(0.666 0.108 211.8)
- OKLab
- oklab(0.666 -0.092 -0.057)
- CIE Lab
- lab(61.98 -28.94 -21)
- LCH
- lch(61.98 35.76 216)
- CMYK
- cmyk(80% 11% 0% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 48AEC1
- 61B7C8
- 78C0CF
- 8CC9D6
- A0D2DD
- B4DBE3
- C7E4EA
- D9EDF1
- ECF6F8
Odcienie ciemniejsze
- 208FA1
- 197989
- 136572
- 0D515C
- 083D46
- 042B32
- 021A1E
- 010A0D
- 000102
Tony
- 39A1B4
- 479EAE
- 529AA9
- 5B97A3
- 63939D
- 6A8F97
- 708C91
- 76888C
- 7B8486
Harmonie kolorów
Komplementarna +180°
- 26A5BA
Jamaican Sea
- CD7A6A
≈ Jaded Ginger
Analogowa -30° +30°
- 26A5BA
Jamaican Sea
- 2EA999
≈ Tropical Hideaway
- 529CD0
≈ Blue Iguana
Triada +120° +240°
- 26A5BA
Jamaican Sea
- BA7BB1
≈ Colombo Red Mauve
- AC913D
≈ Turmeric
Komplementarna rozszczepiona +150° +210°
- 26A5BA
Jamaican Sea
- CA778F
≈ Watermelon Pink
- C3844A
≈ Butterscotch Glaze
Tetrada +90° +180° +270°
- 26A5BA
Jamaican Sea
- A084CB
≈ Lilac Purple
- CD7A6A
≈ Jaded Ginger
- 899E50
≈ Nasturtium Shoot
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.92:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.17:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.17:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
CSS
:root {
--jamaican-sea: #26a5ba;
--jamaican-sea-rgb: 38 165 186;
--jamaican-sea-oklch: oklch(0.666 0.108 211.8);
}
.element {
color: var(--jamaican-sea);
background-color: hsl(189 66% 44%);
border-color: oklch(0.666 0.108 211.8);
}Tailwind CSS v4
@theme {
--color-jamaican-sea: #26a5ba;
--color-jamaican-sea-50: #d3feff;
--color-jamaican-sea-100: #c0f2fe;
--color-jamaican-sea-200: #9ee1f0;
--color-jamaican-sea-300: #72c6d9;
--color-jamaican-sea-400: #40afc3;
--color-jamaican-sea-500: #0098af;
--color-jamaican-sea-600: #008194;
--color-jamaican-sea-700: #006777;
--color-jamaican-sea-800: #004c57;
--color-jamaican-sea-900: #00353d;
--color-jamaican-sea-950: #002026;
}SCSS
$jamaican-sea: #26a5ba;
$jamaican-sea-rgb: 38, 165, 186;
$jamaican-sea-light: mix(#fff, $jamaican-sea, 20%);
$jamaican-sea-dark: mix(#000, $jamaican-sea, 20%);
.element {
color: $jamaican-sea;
box-shadow: 0 0 0 2px rgba($jamaican-sea, 0.35);
}