Màu có tên · #4BB2D5
Epimetheus
Epimetheus là #4BB2D5: rgb(75 178 213), hsl(195 62% 56%), oklch(0.717 0.107 223.8). 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 Cyan mean? → · Epimetheus color name →
#4BB2D5
oklch(0.717 0.107 223.8)
Chuyển đổi màu
- HEX
- #4bb2d5
- RGB
- rgb(75 178 213)
- HSL
- hsl(195 62% 56%)
- HWB
- hwb(195 29% 16%)
- OKLCH
- oklch(0.717 0.107 223.8)
- OKLab
- oklab(0.717 -0.077 -0.074)
- CIE Lab
- lab(67.66 -22.81 -27.16)
- LCH
- lch(67.66 35.47 230)
- CMYK
- cmyk(65% 16% 0% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 62BAD9
- 76C2DE
- 88C9E2
- 9AD1E6
- ABD9EB
- BCE1EF
- CDE8F3
- DEF0F7
- EEF7FB
Sắc đậm
- 409AB9
- 35839E
- 2B6D83
- 21576A
- 174351
- 0E2F3A
- 061D24
- 020C10
- 000102
Sắc xám
- 54ADCC
- 5CA8C4
- 63A3BB
- 699EB3
- 6E99AA
- 7294A2
- 768F99
- 7A8A91
- 7D8588
Hòa sắc
Bổ túc +180°
- 4BB2D5
Epimetheus
- DC8D6C
≈ Copper Wire
Tương đồng -30° +30°
- 4BB2D5
Epimetheus
- 3CB9B7
≈ Green Grapple
- 74A7E5
≈ Greek Sea
Bộ ba +120° +240°
- 4BB2D5
Epimetheus
- D388B4
≈ Cyclamen
- AFA753
≈ The Goods
Bổ túc chia +150° +210°
- 4BB2D5
Epimetheus
- DE8790
≈ Shimmering Blush
- CC9953
≈ Sugar Glazed Cashew
Bộ bốn +90° +180° +270°
- 4BB2D5
Epimetheus
- BC90D3
≈ Pale Purple
- DC8D6C
≈ Copper Wire
- 88B36D
≈ Nasturtium Leaf
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.43:1 · APCA Lc 48
Ag
AAATrên nền đen
WCAG 8.62:1 · APCA Lc 54
Màu chữ tốt nhất: #000000
WCAG 8.62:1 (AAA) · APCA Lc 54
Contrast pairs
Đoạn mã
CSS
:root {
--epimetheus: #4bb2d5;
--epimetheus-rgb: 75 178 213;
--epimetheus-oklch: oklch(0.717 0.107 223.8);
}
.element {
color: var(--epimetheus);
background-color: hsl(195 62% 56%);
border-color: oklch(0.717 0.107 223.8);
}Tailwind CSS v4
@theme {
--color-epimetheus: #4bb2d5;
--color-epimetheus-50: #d6fcff;
--color-epimetheus-100: #c3f0ff;
--color-epimetheus-200: #a3def7;
--color-epimetheus-300: #79c3e1;
--color-epimetheus-400: #4caccd;
--color-epimetheus-500: #0094ba;
--color-epimetheus-600: #087e9d;
--color-epimetheus-700: #0a657e;
--color-epimetheus-800: #024a5d;
--color-epimetheus-900: #033441;
--color-epimetheus-950: #001f29;
}SCSS
$epimetheus: #4bb2d5;
$epimetheus-rgb: 75, 178, 213;
$epimetheus-light: mix(#fff, $epimetheus, 20%);
$epimetheus-dark: mix(#000, $epimetheus, 20%);
.element {
color: $epimetheus;
box-shadow: 0 0 0 2px rgba($epimetheus, 0.35);
}