Benoemde kleur · #C5E5E2
Swan Lake
Swan Lake is #C5E5E2: rgb(197 229 226), hsl(174 38% 84%), oklch(0.898 0.034 189.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Swan Lake color name →
#C5E5E2
oklch(0.898 0.034 189.7)
Kleurconversies
- HEX
- #c5e5e2
- RGB
- rgb(197 229 226)
- HSL
- hsl(174 38% 84%)
- HWB
- hwb(174 77% 10%)
- OKLCH
- oklch(0.898 0.034 189.7)
- OKLab
- oklab(0.898 -0.033 -0.006)
- CIE Lab
- lab(88.54 -11.31 -2.25)
- LCH
- lch(88.54 11.53 191.3)
- CMYK
- cmyk(14% 0% 1% 10%)
Tinten · Schaduwen · Tonen
Tinten
- CBE8E5
- D1EAE8
- D7EDEB
- DCEFEE
- E2F2F0
- E8F5F3
- EEF7F6
- F3FAF9
- F9FCFC
Schaduwen
- ABC7C4
- 92AAA8
- 798E8C
- 617271
- 4B5857
- 353F3E
- 212827
- 0E1212
- 020303
Tonen
- BEDAD8
- B7D0CE
- B0C6C4
- A9BBBA
- A2B1B0
- 9BA7A6
- 949D9C
- 8E9393
- 878A89
Kleurharmonieën
Complementair +180°
- C5E5E2
Swan Lake
- F3D5D8
≈ Alyssum
Analoog -30° +30°
- C5E5E2
Swan Lake
- CBE5D6
≈ Mint Whisper
- C6E3ED
≈ Azul Cielito Lindo
Triadisch +120° +240°
- C5E5E2
Swan Lake
- E4D8EF
≈ Pouty Purple
- ECDAC6
≈ Oatmeal Cookie
Gesplitst complementair +150° +210°
- C5E5E2
Swan Lake
- EED5E5
≈ All Made Up
- F2D6CD
≈ Tan Whirl
Tetradisch +90° +180° +270°
- C5E5E2
Swan Lake
- D8DBF4
≈ Quartz
- F3D5D8
≈ Alyssum
- E2DEC5
≈ Bamboo
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.33:1 · APCA Lc 17
Ag
AAAOp zwart
WCAG 15.67:1 · APCA Lc 87
Beste tekstkleur: #000000
WCAG 15.67:1 (AAA) · APCA Lc 87
Contrast pairs
Codefragmenten
CSS
:root {
--swan-lake: #c5e5e2;
--swan-lake-rgb: 197 229 226;
--swan-lake-oklch: oklch(0.898 0.034 189.7);
}
.element {
color: var(--swan-lake);
background-color: hsl(174 38% 84%);
border-color: oklch(0.898 0.034 189.7);
}Tailwind CSS v4
@theme {
--color-swan-lake: #c5e5e2;
--color-swan-lake-50: #ebf8f7;
--color-swan-lake-100: #dceceb;
--color-swan-lake-200: #c5d9d8;
--color-swan-lake-300: #a5bdbc;
--color-swan-lake-400: #88a5a3;
--color-swan-lake-500: #6d8e8b;
--color-swan-lake-600: #5c7875;
--color-swan-lake-700: #4a605e;
--color-swan-lake-800: #354644;
--color-swan-lake-900: #24312f;
--color-swan-lake-950: #131d1c;
}SCSS
$swan-lake: #c5e5e2;
$swan-lake-rgb: 197, 229, 226;
$swan-lake-light: mix(#fff, $swan-lake, 20%);
$swan-lake-dark: mix(#000, $swan-lake, 20%);
.element {
color: $swan-lake;
box-shadow: 0 0 0 2px rgba($swan-lake, 0.35);
}