Màu có tên · #C5E5E2
Swan Lake
Swan Lake là #C5E5E2: rgb(197 229 226), hsl(174 38% 84%), oklch(0.898 0.034 189.7). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Swan Lake color name →
#C5E5E2
oklch(0.898 0.034 189.7)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CBE8E5
- D1EAE8
- D7EDEB
- DCEFEE
- E2F2F0
- E8F5F3
- EEF7F6
- F3FAF9
- F9FCFC
Sắc đậm
- ABC7C4
- 92AAA8
- 798E8C
- 617271
- 4B5857
- 353F3E
- 212827
- 0E1212
- 020303
Sắc xám
- BEDAD8
- B7D0CE
- B0C6C4
- A9BBBA
- A2B1B0
- 9BA7A6
- 949D9C
- 8E9393
- 878A89
Hòa sắc
Bổ túc +180°
- C5E5E2
Swan Lake
- F3D5D8
≈ Alyssum
Tương đồng -30° +30°
- C5E5E2
Swan Lake
- CBE5D6
≈ Mint Whisper
- C6E3ED
≈ Azul Cielito Lindo
Bộ ba +120° +240°
- C5E5E2
Swan Lake
- E4D8EF
≈ Pouty Purple
- ECDAC6
≈ Oatmeal Cookie
Bổ túc chia +150° +210°
- C5E5E2
Swan Lake
- EED5E5
≈ All Made Up
- F2D6CD
≈ Tan Whirl
Bộ bốn +90° +180° +270°
- C5E5E2
Swan Lake
- D8DBF4
≈ Quartz
- F3D5D8
≈ Alyssum
- E2DEC5
≈ Bamboo
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.33:1 · APCA Lc 17
Ag
AAATrên nền đen
WCAG 15.67:1 · APCA Lc 87
Màu chữ tốt nhất: #000000
WCAG 15.67:1 (AAA) · APCA Lc 87
Contrast pairs
Đoạn mã
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);
}