Màu có tên gần nhất · #6CBDB9
#6CBDB9
Màu có tên gần nhất: Cyantific
#6CBDB9 (rgb(108 189 185), hsl(177 38% 58%), oklch(0.746 0.08 191.5)) gần nhất với màu có tên Cyantific. 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.
#6CBDB9
oklch(0.746 0.08 191.5)
Chuyển đổi màu
- HEX
- #6cbdb9
- RGB
- rgb(108 189 185)
- HSL
- hsl(177 38% 58%)
- HWB
- hwb(177 42% 26%)
- OKLCH
- oklch(0.746 0.08 191.5)
- OKLab
- oklab(0.746 -0.078 -0.016)
- CIE Lab
- lab(71.39 -26.67 -6.17)
- LCH
- lch(71.39 27.37 193)
- CMYK
- cmyk(43% 0% 2% 26%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7CC4C0
- 8CCAC7
- 9BD1CE
- AAD7D5
- B8DEDC
- C6E5E3
- D5EBEA
- E3F2F1
- F1F8F8
Sắc đậm
- 5DA4A0
- 4E8C89
- 407471
- 325D5B
- 254746
- 193331
- 0D1F1E
- 040D0D
- 000202
Sắc xám
- 70B7B3
- 73B1AD
- 76ABA8
- 78A4A2
- 7A9E9C
- 7C9896
- 7D9291
- 7E8C8B
- 7F8686
Hòa sắc
Bổ túc +180°
- 6CBDB9
Cyantific
- DA98A0
≈ Parrot Pink
Tương đồng -30° +30°
- 6CBDB9
Cyantific
- 7EBD9D
≈ Neptune Green
- 71B8D1
≈ Blue Brocade
Bộ ba +120° +240°
- 6CBDB9
Cyantific
- BD9ED2
≈ Purple Premiere
- CDA574
≈ Golden Thistle Yellow
Bổ túc chia +150° +210°
- 6CBDB9
Cyantific
- D099BB
≈ Peach Buff
- D99C85
≈ Pinkish Tan
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.18:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.61:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.61:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
CSS
:root {
--cyantific: #6cbdb9;
--cyantific-rgb: 108 189 185;
--cyantific-oklch: oklch(0.746 0.08 191.5);
}
.element {
color: var(--cyantific);
background-color: hsl(177 38% 58%);
border-color: oklch(0.746 0.08 191.5);
}Tailwind CSS v4
@theme {
--color-cyantific: #6cbdb9;
--color-cyantific-50: #dcfdfc;
--color-cyantific-100: #caf1ef;
--color-cyantific-200: #ade0de;
--color-cyantific-300: #86c5c3;
--color-cyantific-400: #62aeaa;
--color-cyantific-500: #389793;
--color-cyantific-600: #31807c;
--color-cyantific-700: #276664;
--color-cyantific-800: #1b4b48;
--color-cyantific-900: #123432;
--color-cyantific-950: #04201e;
}SCSS
$cyantific: #6cbdb9;
$cyantific-rgb: 108, 189, 185;
$cyantific-light: mix(#fff, $cyantific, 20%);
$cyantific-dark: mix(#000, $cyantific, 20%);
.element {
color: $cyantific;
box-shadow: 0 0 0 2px rgba($cyantific, 0.35);
}