Colore con nome · #4BB2D5
Epimetheus
Epimetheus è #4BB2D5: rgb(75 178 213), hsl(195 62% 56%), oklch(0.717 0.107 223.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Epimetheus color name →
#4BB2D5
oklch(0.717 0.107 223.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 62BAD9
- 76C2DE
- 88C9E2
- 9AD1E6
- ABD9EB
- BCE1EF
- CDE8F3
- DEF0F7
- EEF7FB
Ombre
- 409AB9
- 35839E
- 2B6D83
- 21576A
- 174351
- 0E2F3A
- 061D24
- 020C10
- 000102
Toni
- 54ADCC
- 5CA8C4
- 63A3BB
- 699EB3
- 6E99AA
- 7294A2
- 768F99
- 7A8A91
- 7D8588
Armonie di colore
Complementare +180°
- 4BB2D5
Epimetheus
- DC8D6C
≈ Copper Wire
Analogo -30° +30°
- 4BB2D5
Epimetheus
- 3CB9B7
≈ Green Grapple
- 74A7E5
≈ Greek Sea
Triadico +120° +240°
- 4BB2D5
Epimetheus
- D388B4
≈ Cyclamen
- AFA753
≈ The Goods
Complementare divisa +150° +210°
- 4BB2D5
Epimetheus
- DE8790
≈ Shimmering Blush
- CC9953
≈ Sugar Glazed Cashew
Tetradico +90° +180° +270°
- 4BB2D5
Epimetheus
- BC90D3
≈ Pale Purple
- DC8D6C
≈ Copper Wire
- 88B36D
≈ Nasturtium Leaf
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.43:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.62:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.62:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
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);
}