Nazwany kolor · #62BAA8
Bath Turquoise
Bath Turquoise to #62BAA8: rgb(98 186 168), hsl(168 39% 56%), oklch(0.729 0.09 178.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Bath Turquoise color name →
#62BAA8
oklch(0.729 0.09 178.7)
Konwersje koloru
- HEX
- #62baa8
- RGB
- rgb(98 186 168)
- HSL
- hsl(168 39% 56%)
- HWB
- hwb(168 38% 27%)
- OKLCH
- oklch(0.729 0.09 178.7)
- OKLab
- oklab(0.729 -0.09 0.002)
- CIE Lab
- lab(69.68 -31.1 0.51)
- LCH
- lch(69.68 31.11 179.1)
- CMYK
- cmyk(47% 0% 10% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 74C1B0
- 85C8B9
- 95CFC1
- A4D6CA
- B4DDD3
- C3E3DB
- D2EAE4
- E1F1ED
- F0F8F6
Odcienie ciemniejsze
- 54A192
- 47897C
- 3A7267
- 2D5C52
- 21463F
- 16322C
- 0B1E1A
- 030D0A
- 000201
Tony
- 67B4A4
- 6CAEA0
- 70A99C
- 73A398
- 769D94
- 799790
- 7B918C
- 7D8C88
- 7F8684
Harmonie kolorów
Komplementarna +180°
- 62BAA8
Bath Turquoise
- D690A6
≈ Sugar Tooth
Analogowa -30° +30°
- 62BAA8
Bath Turquoise
- 7FB788
≈ Tree Fern
- 5BB7C5
≈ Aqualogic
Triada +120° +240°
- 62BAA8
Bath Turquoise
- AF9BD8
≈ Violet Velvet
- D29A6E
≈ Rustic Adobe
Komplementarna rozszczepiona +150° +210°
- 62BAA8
Bath Turquoise
- C793C3
≈ Pomtini
- DA9287
≈ Powder Blush
Tetrada +90° +180° +270°
- 62BAA8
Bath Turquoise
- 90A5E0
≈ Dalmatian Sage
- D690A6
≈ Sugar Tooth
- BEA563
≈ Southern Moss
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.30:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.10:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--bath-turquoise: #62baa8;
--bath-turquoise-rgb: 98 186 168;
--bath-turquoise-oklch: oklch(0.729 0.09 178.7);
}
.element {
color: var(--bath-turquoise);
background-color: hsl(168 39% 56%);
border-color: oklch(0.729 0.09 178.7);
}Tailwind CSS v4
@theme {
--color-bath-turquoise: #62baa8;
--color-bath-turquoise-50: #dbfef6;
--color-bath-turquoise-100: #c8f2e9;
--color-bath-turquoise-200: #abe1d6;
--color-bath-turquoise-300: #83c7ba;
--color-bath-turquoise-400: #5db09f;
--color-bath-turquoise-500: #309987;
--color-bath-turquoise-600: #2b8272;
--color-bath-turquoise-700: #23685b;
--color-bath-turquoise-800: #184c42;
--color-bath-turquoise-900: #10352d;
--color-bath-turquoise-950: #02201a;
}SCSS
$bath-turquoise: #62baa8;
$bath-turquoise-rgb: 98, 186, 168;
$bath-turquoise-light: mix(#fff, $bath-turquoise, 20%);
$bath-turquoise-dark: mix(#000, $bath-turquoise, 20%);
.element {
color: $bath-turquoise;
box-shadow: 0 0 0 2px rgba($bath-turquoise, 0.35);
}