Nazwany kolor · #92CDCC
Lake
Lake to #92CDCC: rgb(146 205 204), hsl(179 37% 69%), oklch(0.808 0.06 194.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Lake color name →
#92CDCC
oklch(0.808 0.06 194.7)
Konwersje koloru
- HEX
- #92cdcc
- RGB
- rgb(146 205 204)
- HSL
- hsl(179 37% 69%)
- HWB
- hwb(179 57% 20%)
- OKLCH
- oklch(0.808 0.06 194.7)
- OKLab
- oklab(0.808 -0.059 -0.015)
- CIE Lab
- lab(78.36 -19.79 -5.93)
- LCH
- lch(78.36 20.66 196.7)
- CMYK
- cmyk(29% 0% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9DD2D1
- A9D7D6
- B4DCDB
- BEE1E0
- C9E6E5
- D4EBEA
- DFF0F0
- EAF5F5
- F4FAFA
Odcienie ciemniejsze
- 7EB2B1
- 6B9897
- 587E7E
- 466665
- 354E4E
- 253837
- 162322
- 080F0F
- 010202
Tony
- 91C5C4
- 8FBDBC
- 8EB5B5
- 8CAEAD
- 8BA6A5
- 899E9E
- 879796
- 858F8F
- 828787
Harmonie kolorów
Komplementarna +180°
- 92CDCC
Lake
- E5B1B4
≈ Amazon River Dolphin
Analogowa -30° +30°
Triada +120° +240°
- 92CDCC
Lake
- CFB5DC
≈ Sea Lavender
- D8BB95
≈ Pebble Path
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.77:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.82:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.82:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--lake: #92cdcc;
--lake-rgb: 146 205 204;
--lake-oklch: oklch(0.808 0.06 194.7);
}
.element {
color: var(--lake);
background-color: hsl(179 37% 69%);
border-color: oklch(0.808 0.06 194.7);
}Tailwind CSS v4
@theme {
--color-lake: #92cdcc;
--color-lake-50: #e2fbfb;
--color-lake-100: #d2efef;
--color-lake-200: #b7dddd;
--color-lake-300: #94c1c2;
--color-lake-400: #73aaa9;
--color-lake-500: #529392;
--color-lake-600: #467c7c;
--color-lake-700: #386463;
--color-lake-800: #284948;
--color-lake-900: #1b3332;
--color-lake-950: #0b1e1e;
}SCSS
$lake: #92cdcc;
$lake-rgb: 146, 205, 204;
$lake-light: mix(#fff, $lake, 20%);
$lake-dark: mix(#000, $lake, 20%);
.element {
color: $lake;
box-shadow: 0 0 0 2px rgba($lake, 0.35);
}