Colore con nome · #1993BE
Spa Dream
Spa Dream è #1993BE: rgb(25 147 190), hsl(196 77% 42%), oklch(0.621 0.117 228.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Spa Dream color name →
#1993BE
oklch(0.621 0.117 228.8)
Conversioni di colore
- HEX
- #1993be
- RGB
- rgb(25 147 190)
- HSL
- hsl(196 77% 42%)
- HWB
- hwb(196 10% 25%)
- OKLCH
- oklch(0.621 0.117 228.8)
- OKLab
- oklab(0.621 -0.077 -0.088)
- CIE Lab
- lab(56.34 -20.72 -31.88)
- LCH
- lch(56.34 38.02 237)
- CMYK
- cmyk(87% 23% 0% 25%)
Tinte · Ombre · Toni
Tinte
- 3F9EC5
- 59A9CC
- 70B4D2
- 86BED9
- 9AC9DF
- AFD4E6
- C3DFEC
- D7E9F3
- EBF4F9
Ombre
- 147FA5
- 106C8C
- 0B5975
- 07475E
- 043648
- 022533
- 01161F
- 00080D
- 000102
Toni
- 3091B8
- 3F90B2
- 4B8EAC
- 558CA6
- 5E8B9F
- 668999
- 6D8793
- 74848D
- 7A8286
Armonie di colore
Complementare +180°
- 1993BE
Spa Dream
- BE6F43
≈ Screaming Bell Metal
Analogo -30° +30°
- 1993BE
Spa Dream
- 00999E
≈ Riviera Paradise
- 5A87CC
≈ Berlin Blue
Triadico +120° +240°
- 1993BE
Spa Dream
- BA6892
≈ Je t’aime
- 8D8C2B
≈ Potter Green
Complementare divisa +150° +210°
- 1993BE
Spa Dream
- C3676B
≈ Watermelon Gelato
- AC7D23
≈ Burnt Honey
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.52:1 · APCA Lc 62
Ag
AASu nero
WCAG 5.95:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--spa-dream: #1993be;
--spa-dream-rgb: 25 147 190;
--spa-dream-oklch: oklch(0.621 0.117 228.8);
}
.element {
color: var(--spa-dream);
background-color: hsl(196 77% 42%);
border-color: oklch(0.621 0.117 228.8);
}Tailwind CSS v4
@theme {
--color-spa-dream: #1993be;
--color-spa-dream-50: #d4fcff;
--color-spa-dream-100: #c1f0ff;
--color-spa-dream-200: #a1defd;
--color-spa-dream-300: #75c3e8;
--color-spa-dream-400: #46abd5;
--color-spa-dream-500: #0093c3;
--color-spa-dream-600: #007da5;
--color-spa-dream-700: #006484;
--color-spa-dream-800: #004a61;
--color-spa-dream-900: #003344;
--color-spa-dream-950: #001f2c;
}SCSS
$spa-dream: #1993be;
$spa-dream-rgb: 25, 147, 190;
$spa-dream-light: mix(#fff, $spa-dream, 20%);
$spa-dream-dark: mix(#000, $spa-dream, 20%);
.element {
color: $spa-dream;
box-shadow: 0 0 0 2px rgba($spa-dream, 0.35);
}