Nazwany kolor · #9BD9E5
Cool Water Lake
Cool Water Lake to #9BD9E5: rgb(155 217 229), hsl(190 59% 75%), oklch(0.847 0.065 210.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Cool Water Lake color name →
#9BD9E5
oklch(0.847 0.065 210.9)
Konwersje koloru
- HEX
- #9bd9e5
- RGB
- rgb(155 217 229)
- HSL
- hsl(190 59% 75%)
- HWB
- hwb(190 61% 10%)
- OKLCH
- oklch(0.847 0.065 210.9)
- OKLab
- oklab(0.847 -0.056 -0.033)
- CIE Lab
- lab(82.8 -18.29 -12.6)
- LCH
- lch(82.8 22.21 214.6)
- CMYK
- cmyk(32% 5% 0% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A6DDE8
- B0E1EA
- BAE5ED
- C4E8F0
- CEECF2
- D8F0F5
- E2F4F7
- ECF8FA
- F5FBFC
Odcienie ciemniejsze
- 86BCC7
- 72A1AA
- 5E868E
- 4B6C72
- 395358
- 283B3F
- 182528
- 091112
- 010203
Tony
- 99D0DA
- 97C7D0
- 94BEC6
- 92B5BB
- 8FACB1
- 8CA3A7
- 899A9D
- 869193
- 83898A
Harmonie kolorów
Komplementarna +180°
- 9BD9E5
Cool Water Lake
- F4BEB3
≈ Dainty Debutante
Analogowa -30° +30°
- 9BD9E5
Cool Water Lake
- 9EDBCF
≈ Sky Blue View
- A7D3F4
≈ Light Shimmer
Triada +120° +240°
- 9BD9E5
Cool Water Lake
- E7BEE1
≈ Blackberry Yoghurt
- DDCC9D
≈ Desert Temple
Komplementarna rozszczepiona +150° +210°
- 9BD9E5
Cool Water Lake
- F2BCCA
≈ Pink Grapefruit
- EDC4A2
≈ Carving Party
Tetrada +90° +180° +270°
- 9BD9E5
Cool Water Lake
- D4C4F1
≈ Soap
- F4BEB3
≈ Dainty Debutante
- C6D4A5
≈ True to You
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.56:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.45:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.45:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--cool-water-lake: #9bd9e5;
--cool-water-lake-rgb: 155 217 229;
--cool-water-lake-oklch: oklch(0.847 0.065 210.9);
}
.element {
color: var(--cool-water-lake);
background-color: hsl(190 59% 75%);
border-color: oklch(0.847 0.065 210.9);
}Tailwind CSS v4
@theme {
--color-cool-water-lake: #9bd9e5;
--color-cool-water-lake-50: #e1fbff;
--color-cool-water-lake-100: #d0eef5;
--color-cool-water-lake-200: #b6dce5;
--color-cool-water-lake-300: #91c1cb;
--color-cool-water-lake-400: #70a9b4;
--color-cool-water-lake-500: #4e929f;
--color-cool-water-lake-600: #437b86;
--color-cool-water-lake-700: #35636b;
--color-cool-water-lake-800: #25494e;
--color-cool-water-lake-900: #193237;
--color-cool-water-lake-950: #091e21;
}SCSS
$cool-water-lake: #9bd9e5;
$cool-water-lake-rgb: 155, 217, 229;
$cool-water-lake-light: mix(#fff, $cool-water-lake, 20%);
$cool-water-lake-dark: mix(#000, $cool-water-lake, 20%);
.element {
color: $cool-water-lake;
box-shadow: 0 0 0 2px rgba($cool-water-lake, 0.35);
}