Nazwany kolor · #53B1BA
Thalassa
Thalassa to #53B1BA: rgb(83 177 186), hsl(185 43% 53%), oklch(0.707 0.089 203.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Thalassa color name →
#53B1BA
oklch(0.707 0.089 203.8)
Konwersje koloru
- HEX
- #53b1ba
- RGB
- rgb(83 177 186)
- HSL
- hsl(185 43% 53%)
- HWB
- hwb(185 33% 27%)
- OKLCH
- oklch(0.707 0.089 203.8)
- OKLab
- oklab(0.707 -0.082 -0.036)
- CIE Lab
- lab(66.84 -27.03 -13.57)
- LCH
- lch(66.84 30.25 206.6)
- CMYK
- cmyk(55% 5% 0% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 67B9C1
- 7AC1C8
- 8CC8CE
- 9DD0D5
- AED8DC
- BEE0E3
- CEE8EA
- DFEFF1
- EFF7F8
Odcienie ciemniejsze
- 4799A1
- 3B8389
- 306C72
- 25575C
- 1B4246
- 112F32
- 081C1E
- 020C0D
- 000102
Tony
- 5BACB4
- 61A7AE
- 67A2A8
- 6C9EA2
- 70999D
- 749497
- 788F91
- 7B8A8B
- 7D8586
Harmonie kolorów
Komplementarna +180°
- 53B1BA
Thalassa
- D38A86
≈ Pink Slip
Analogowa -30° +30°
- 53B1BA
Thalassa
- 5FB39C
≈ Keppel
- 65AAD0
≈ Salem Blue
Triada +120° +240°
- 53B1BA
Thalassa
- BC8EC1
≈ Violaceous
- BB9C5D
≈ Packing Paper
Komplementarna rozszczepiona +150° +210°
- 53B1BA
Thalassa
- CD89A5
≈ Orchid Smoke
- CD916B
≈ Ferrous
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.51:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.36:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.36:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--thalassa: #53b1ba;
--thalassa-rgb: 83 177 186;
--thalassa-oklch: oklch(0.707 0.089 203.8);
}
.element {
color: var(--thalassa);
background-color: hsl(185 43% 53%);
border-color: oklch(0.707 0.089 203.8);
}Tailwind CSS v4
@theme {
--color-thalassa: #53b1ba;
--color-thalassa-50: #d9fdff;
--color-thalassa-100: #c6f1f6;
--color-thalassa-200: #a8e0e7;
--color-thalassa-300: #7fc5ce;
--color-thalassa-400: #56aeb6;
--color-thalassa-500: #2197a1;
--color-thalassa-600: #208088;
--color-thalassa-700: #1a666d;
--color-thalassa-800: #104b4f;
--color-thalassa-900: #0a3437;
--color-thalassa-950: #002022;
}SCSS
$thalassa: #53b1ba;
$thalassa-rgb: 83, 177, 186;
$thalassa-light: mix(#fff, $thalassa, 20%);
$thalassa-dark: mix(#000, $thalassa, 20%);
.element {
color: $thalassa;
box-shadow: 0 0 0 2px rgba($thalassa, 0.35);
}