Colore con nome · #58A0BC
Dupain
Dupain è #58A0BC: rgb(88 160 188), hsl(197 43% 54%), oklch(0.67 0.083 225.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Dupain color name →
#58A0BC
oklch(0.67 0.083 225.5)
Conversioni di colore
- HEX
- #58a0bc
- RGB
- rgb(88 160 188)
- HSL
- hsl(197 43% 54%)
- HWB
- hwb(197 35% 26%)
- OKLCH
- oklch(0.67 0.083 225.5)
- OKLab
- oklab(0.67 -0.058 -0.059)
- CIE Lab
- lab(62.02 -17.5 -21.89)
- LCH
- lch(62.02 28.03 231.4)
- CMYK
- cmyk(53% 15% 0% 26%)
Tinte · Ombre · Toni
Tinte
- 6AA9C3
- 7BB3CA
- 8CBCD0
- 9DC6D7
- ADCFDE
- BDD9E4
- CEE2EB
- DEECF2
- EFF5F8
Ombre
- 4B8BA3
- 3F768B
- 336173
- 284E5D
- 1D3B47
- 122932
- 09191F
- 03090D
- 000102
Toni
- 5E9DB6
- 639AB0
- 6897AA
- 6C94A4
- 70909E
- 748D98
- 778A92
- 7A878C
- 7D8386
Armonie di colore
Complementare +180°
- 58A0BC
Dupain
- C0856A
≈ Clay Ground
Analogo -30° +30°
- 58A0BC
Dupain
- 4FA5A5
≈ Twilight Meadow
- 7398C8
≈ Razee
Triadico +120° +240°
- 58A0BC
Dupain
- BB80A0
≈ Opera Mauve
- 9C985A
≈ Stem
Complementare divisa +150° +210°
- 58A0BC
Dupain
- C38084
≈ Old Rose
- B38E59
≈ Breadstick
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.92:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.16:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.16:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--dupain: #58a0bc;
--dupain-rgb: 88 160 188;
--dupain-oklch: oklch(0.67 0.083 225.5);
}
.element {
color: var(--dupain);
background-color: hsl(197 43% 54%);
border-color: oklch(0.67 0.083 225.5);
}Tailwind CSS v4
@theme {
--color-dupain: #58a0bc;
--color-dupain-50: #ddfbff;
--color-dupain-100: #cceefe;
--color-dupain-200: #b0dcf0;
--color-dupain-300: #8ac0d9;
--color-dupain-400: #65a9c4;
--color-dupain-500: #3f91b0;
--color-dupain-600: #377b95;
--color-dupain-700: #2b6377;
--color-dupain-800: #1d4957;
--color-dupain-900: #13323d;
--color-dupain-950: #051e27;
}SCSS
$dupain: #58a0bc;
$dupain-rgb: 88, 160, 188;
$dupain-light: mix(#fff, $dupain, 20%);
$dupain-dark: mix(#000, $dupain, 20%);
.element {
color: $dupain;
box-shadow: 0 0 0 2px rgba($dupain, 0.35);
}