Benoemde kleur · #C2D0DF
Stillwater Lake
Stillwater Lake is #C2D0DF: rgb(194 208 223), hsl(211 31% 82%), oklch(0.852 0.026 250). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Stillwater Lake color name →
#C2D0DF
oklch(0.852 0.026 250)
Kleurconversies
- HEX
- #c2d0df
- RGB
- rgb(194 208 223)
- HSL
- hsl(211 31% 82%)
- HWB
- hwb(211 76% 13%)
- OKLCH
- oklch(0.852 0.026 250)
- OKLab
- oklab(0.852 -0.009 -0.024)
- CIE Lab
- lab(82.75 -2.68 -9.16)
- LCH
- lch(82.75 9.54 253.7)
- CMYK
- cmyk(13% 7% 0% 13%)
Tinten · Schaduwen · Tonen
Tinten
- C8D5E2
- CED9E5
- D4DEE9
- DAE3EC
- E0E7EF
- E6ECF2
- ECF1F5
- F3F5F9
- F9FAFC
Schaduwen
- A8B5C2
- 8F9AA5
- 77808A
- 60676F
- 494F56
- 34393D
- 202327
- 0E1012
- 020202
Tonen
- BBC8D5
- B4BFCB
- AEB7C2
- A7AFB8
- A0A7AE
- 9A9FA5
- 93979C
- 8D8F92
- 868889
Kleurharmonieën
Complementair +180°
- C2D0DF
Stillwater Lake
- DACCBD
≈ Bermuda Sand
Analoog -30° +30°
- C2D0DF
Stillwater Lake
- BDD3DA
≈ Light Salt Spray
- CACDDF
≈ Blueberry Mist
Triadisch +120° +240°
- C2D0DF
Stillwater Lake
- DFC8CA
≈ Pocketful of Promise
- C9D2C0
≈ Tomatillo Peel
Gesplitst complementair +150° +210°
- C2D0DF
Stillwater Lake
- DEC9C2
≈ Kangaroo Paw
- D2CFBC
≈ Ocean Pearl
Tetradisch +90° +180° +270°
- C2D0DF
Stillwater Lake
- DBC8D4
≈ Sleepy Kisses
- DACCBD
≈ Bermuda Sand
- C1D4C8
≈ Soft Fresco
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.56:1 · APCA Lc 26
Ag
AAAOp zwart
WCAG 13.38:1 · APCA Lc 77
Beste tekstkleur: #000000
WCAG 13.38:1 (AAA) · APCA Lc 77
Contrast pairs
Codefragmenten
CSS
:root {
--stillwater-lake: #c2d0df;
--stillwater-lake-rgb: 194 208 223;
--stillwater-lake-oklch: oklch(0.852 0.026 250);
}
.element {
color: var(--stillwater-lake);
background-color: hsl(211 31% 82%);
border-color: oklch(0.852 0.026 250);
}Tailwind CSS v4
@theme {
--color-stillwater-lake: #c2d0df;
--color-stillwater-lake-50: #f0f6fd;
--color-stillwater-lake-100: #e2e9f0;
--color-stillwater-lake-200: #cdd5df;
--color-stillwater-lake-300: #aeb9c5;
--color-stillwater-lake-400: #93a0ae;
--color-stillwater-lake-500: #7a8897;
--color-stillwater-lake-600: #677380;
--color-stillwater-lake-700: #525c66;
--color-stillwater-lake-800: #3c434b;
--color-stillwater-lake-900: #292f34;
--color-stillwater-lake-950: #171b20;
}SCSS
$stillwater-lake: #c2d0df;
$stillwater-lake-rgb: 194, 208, 223;
$stillwater-lake-light: mix(#fff, $stillwater-lake, 20%);
$stillwater-lake-dark: mix(#000, $stillwater-lake, 20%);
.element {
color: $stillwater-lake;
box-shadow: 0 0 0 2px rgba($stillwater-lake, 0.35);
}