Nazwany kolor · #34B1B2
Lake Tahoe Turquoise
Lake Tahoe Turquoise to #34B1B2: rgb(52 177 178), hsl(180 55% 45%), oklch(0.695 0.106 195.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Lake Tahoe Turquoise color name →
#34B1B2
oklch(0.695 0.106 195.8)
Konwersje koloru
- HEX
- #34b1b2
- RGB
- rgb(52 177 178)
- HSL
- hsl(180 55% 45%)
- HWB
- hwb(180 20% 30%)
- OKLCH
- oklch(0.695 0.106 195.8)
- OKLab
- oklab(0.695 -0.102 -0.029)
- CIE Lab
- lab(65.73 -34.33 -10.92)
- LCH
- lch(65.73 36.03 197.6)
- CMYK
- cmyk(71% 1% 0% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 52B9BA
- 69C1C1
- 7EC9C9
- 92D0D0
- A5D8D8
- B8E0E0
- CAE8E7
- DCF0EF
- EDF7F7
Odcienie ciemniejsze
- 2C999A
- 248383
- 1C6C6D
- 155757
- 0E4243
- 072F2F
- 031C1D
- 010C0C
- 000101
Tony
- 43ACAD
- 4FA7A8
- 59A3A3
- 619E9E
- 689999
- 6E9494
- 738F8F
- 788A8A
- 7C8585
Harmonie kolorów
Komplementarna +180°
- 34B1B2
Lake Tahoe Turquoise
- D68187
≈ Rhubarb Pie
Analogowa -30° +30°
- 34B1B2
Lake Tahoe Turquoise
- 53B28E
≈ Aruba Green
- 47AACF
≈ Maximum Blue
Triada +120° +240°
- 34B1B2
Lake Tahoe Turquoise
- B688C9
≈ Creeping Bellflower
- C3934C
≈ Narcissus
Komplementarna rozszczepiona +150° +210°
- 34B1B2
Lake Tahoe Turquoise
- CC82AB
≈ Moonlight Mauve
- D38764
≈ Harvest Time
Tetrada +90° +180° +270°
- 34B1B2
Lake Tahoe Turquoise
- 9793DC
≈ Portage
- D68187
≈ Rhubarb Pie
- A6A14E
≈ Reed Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.59:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.07:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.07:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--lake-tahoe-turquoise: #34b1b2;
--lake-tahoe-turquoise-rgb: 52 177 178;
--lake-tahoe-turquoise-oklch: oklch(0.695 0.106 195.8);
}
.element {
color: var(--lake-tahoe-turquoise);
background-color: hsl(180 55% 45%);
border-color: oklch(0.695 0.106 195.8);
}Tailwind CSS v4
@theme {
--color-lake-tahoe-turquoise: #34b1b2;
--color-lake-tahoe-turquoise-50: #d3ffff;
--color-lake-tahoe-turquoise-100: #bff3f4;
--color-lake-tahoe-turquoise-200: #9ee3e4;
--color-lake-tahoe-turquoise-300: #71c8cb;
--color-lake-tahoe-turquoise-400: #40b2b2;
--color-lake-tahoe-turquoise-500: #009b9d;
--color-lake-tahoe-turquoise-600: #008384;
--color-lake-tahoe-turquoise-700: #00696a;
--color-lake-tahoe-turquoise-800: #004d4d;
--color-lake-tahoe-turquoise-900: #003635;
--color-lake-tahoe-turquoise-950: #002121;
}SCSS
$lake-tahoe-turquoise: #34b1b2;
$lake-tahoe-turquoise-rgb: 52, 177, 178;
$lake-tahoe-turquoise-light: mix(#fff, $lake-tahoe-turquoise, 20%);
$lake-tahoe-turquoise-dark: mix(#000, $lake-tahoe-turquoise, 20%);
.element {
color: $lake-tahoe-turquoise;
box-shadow: 0 0 0 2px rgba($lake-tahoe-turquoise, 0.35);
}