Màu có tên gần nhất · #7EC2BB
#7EC2BB
Màu có tên gần nhất: Cyantific
#7EC2BB (rgb(126 194 187), hsl(174 36% 63%), oklch(0.767 0.07 187.6)) 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.
#7EC2BB
oklch(0.767 0.07 187.6)
Chuyển đổi màu
- HEX
- #7ec2bb
- RGB
- rgb(126 194 187)
- HSL
- hsl(174 36% 63%)
- HWB
- hwb(174 49% 24%)
- OKLCH
- oklch(0.767 0.07 187.6)
- OKLab
- oklab(0.767 -0.069 -0.009)
- CIE Lab
- lab(73.76 -23.61 -3.67)
- LCH
- lch(73.76 23.89 188.8)
- CMYK
- cmyk(35% 0% 4% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8CC8C2
- 99CEC8
- A6D4CF
- B3DAD6
- C0E0DD
- CCE7E3
- D9EDEA
- E6F3F1
- F2F9F8
Sắc đậm
- 6DA8A2
- 5C8F8A
- 4C7773
- 3C605C
- 2D4946
- 1F3432
- 11201F
- 050E0D
- 010202
Sắc xám
- 7FBBB5
- 80B5AF
- 81AEA9
- 81A7A3
- 82A19D
- 829A97
- 819491
- 818D8B
- 818686
Hòa sắc
Bổ túc +180°
- 7EC2BB
Cyantific
- DBA1AB
≈ Nana’s Rose
Tương đồng -30° +30°
- 7EC2BB
Cyantific
- 8EC1A2
≈ Lark Green
- 7FBFD1
≈ Aftercare
Bộ ba +120° +240°
- 7EC2BB
Cyantific
- BFA8D6
≈ Perfume
- D1AB84
≈ Toast and Butter
Bổ túc chia +150° +210°
- 7EC2BB
Cyantific
- D1A3C3
≈ Geranium Bud
- DBA494
≈ Conch Pink
Bộ bốn +90° +180° +270°
- 7EC2BB
Cyantific
- A8B0E0
≈ High Style
- DBA1AB
≈ Nana’s Rose
- BFB481
≈ Ecru
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.03:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.32:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.32:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--cyantific: #7ec2bb;
--cyantific-rgb: 126 194 187;
--cyantific-oklch: oklch(0.767 0.07 187.6);
}
.element {
color: var(--cyantific);
background-color: hsl(174 36% 63%);
border-color: oklch(0.767 0.07 187.6);
}Tailwind CSS v4
@theme {
--color-cyantific: #7ec2bb;
--color-cyantific-50: #e0fcf9;
--color-cyantific-100: #cff0ed;
--color-cyantific-200: #b3deda;
--color-cyantific-300: #8ec3bf;
--color-cyantific-400: #6daca6;
--color-cyantific-500: #49958e;
--color-cyantific-600: #3f7e78;
--color-cyantific-700: #326560;
--color-cyantific-800: #234a46;
--color-cyantific-900: #173430;
--color-cyantific-950: #081f1c;
}SCSS
$cyantific: #7ec2bb;
$cyantific-rgb: 126, 194, 187;
$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);
}