Cor nomeada · #4BB2D5
Epimetheus
Epimetheus é #4BB2D5: rgb(75 178 213), hsl(195 62% 56%), oklch(0.717 0.107 223.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Epimetheus color name →
#4BB2D5
oklch(0.717 0.107 223.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 62BAD9
- 76C2DE
- 88C9E2
- 9AD1E6
- ABD9EB
- BCE1EF
- CDE8F3
- DEF0F7
- EEF7FB
Sombras
- 409AB9
- 35839E
- 2B6D83
- 21576A
- 174351
- 0E2F3A
- 061D24
- 020C10
- 000102
Tons
- 54ADCC
- 5CA8C4
- 63A3BB
- 699EB3
- 6E99AA
- 7294A2
- 768F99
- 7A8A91
- 7D8588
Harmonias de cor
Complementar +180°
- 4BB2D5
Epimetheus
- DC8D6C
≈ Copper Wire
Análoga -30° +30°
- 4BB2D5
Epimetheus
- 3CB9B7
≈ Green Grapple
- 74A7E5
≈ Greek Sea
Tríade +120° +240°
- 4BB2D5
Epimetheus
- D388B4
≈ Cyclamen
- AFA753
≈ The Goods
Complementar dividida +150° +210°
- 4BB2D5
Epimetheus
- DE8790
≈ Shimmering Blush
- CC9953
≈ Sugar Glazed Cashew
Tétrade +90° +180° +270°
- 4BB2D5
Epimetheus
- BC90D3
≈ Pale Purple
- DC8D6C
≈ Copper Wire
- 88B36D
≈ Nasturtium Leaf
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.43:1 · APCA Lc 48
Ag
AAASobre preto
WCAG 8.62:1 · APCA Lc 54
Melhor cor de texto: #000000
WCAG 8.62:1 (AAA) · APCA Lc 54
Contrast pairs
Trechos de código
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);
}