Nazwany kolor · #9DD8DB
Lake Reflection
Lake Reflection to #9DD8DB: rgb(157 216 219), hsl(183 46% 74%), oklch(0.843 0.06 200). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Lake Reflection color name →
#9DD8DB
oklch(0.843 0.06 200)
Konwersje koloru
- HEX
- #9dd8db
- RGB
- rgb(157 216 219)
- HSL
- hsl(183 46% 74%)
- HWB
- hwb(183 62% 14%)
- OKLCH
- oklch(0.843 0.06 200)
- OKLab
- oklab(0.843 -0.057 -0.021)
- CIE Lab
- lab(82.39 -19 -7.9)
- LCH
- lch(82.39 20.58 202.6)
- CMYK
- cmyk(28% 1% 0% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A7DCDF
- B1E0E2
- BBE4E6
- C5E8E9
- CFECED
- D9F0F1
- E2F3F4
- ECF7F8
- F5FBFB
Odcienie ciemniejsze
- 88BCBE
- 73A0A2
- 5F8587
- 4C6B6D
- 3A5354
- 283B3C
- 182526
- 091111
- 010202
Tony
- 9BCFD2
- 98C6C8
- 95BDBF
- 93B4B6
- 90ABAC
- 8DA2A3
- 8A9A9A
- 879191
- 838889
Harmonie kolorów
Komplementarna +180°
- 9DD8DB
Lake Reflection
- F1BDBB
≈ Pinkathon
Analogowa -30° +30°
- 9DD8DB
Lake Reflection
- A5D9C6
≈ Southern Belle
- A4D4EC
≈ Light Deluxe Days
Triada +120° +240°
- 9DD8DB
Lake Reflection
- DEBFE4
≈ Glittering Gemstone
- E0C89F
≈ So Close
Komplementarna rozszczepiona +150° +210°
- 9DD8DB
Lake Reflection
- EBBCD1
≈ Dainty Pink
- EDC1A9
≈ Soft Orange
Tetrada +90° +180° +270°
- 9DD8DB
Lake Reflection
- CAC6F1
≈ Soap
- F1BDBB
≈ Pinkathon
- CDD0A2
≈ True to You
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.27:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.27:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--lake-reflection: #9dd8db;
--lake-reflection-rgb: 157 216 219;
--lake-reflection-oklch: oklch(0.843 0.06 200);
}
.element {
color: var(--lake-reflection);
background-color: hsl(183 46% 74%);
border-color: oklch(0.843 0.06 200);
}Tailwind CSS v4
@theme {
--color-lake-reflection: #9dd8db;
--color-lake-reflection-50: #e2fbfc;
--color-lake-reflection-100: #d2eef0;
--color-lake-reflection-200: #b7dcdf;
--color-lake-reflection-300: #94c1c5;
--color-lake-reflection-400: #73aaac;
--color-lake-reflection-500: #529296;
--color-lake-reflection-600: #467c7f;
--color-lake-reflection-700: #386365;
--color-lake-reflection-800: #27494a;
--color-lake-reflection-900: #1a3333;
--color-lake-reflection-950: #0b1e1f;
}SCSS
$lake-reflection: #9dd8db;
$lake-reflection-rgb: 157, 216, 219;
$lake-reflection-light: mix(#fff, $lake-reflection, 20%);
$lake-reflection-dark: mix(#000, $lake-reflection, 20%);
.element {
color: $lake-reflection;
box-shadow: 0 0 0 2px rgba($lake-reflection, 0.35);
}