Nazwany kolor · #1993BE
Spa Dream
Spa Dream to #1993BE: rgb(25 147 190), hsl(196 77% 42%), oklch(0.621 0.117 228.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Spa Dream color name →
#1993BE
oklch(0.621 0.117 228.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3F9EC5
- 59A9CC
- 70B4D2
- 86BED9
- 9AC9DF
- AFD4E6
- C3DFEC
- D7E9F3
- EBF4F9
Odcienie ciemniejsze
- 147FA5
- 106C8C
- 0B5975
- 07475E
- 043648
- 022533
- 01161F
- 00080D
- 000102
Tony
- 3091B8
- 3F90B2
- 4B8EAC
- 558CA6
- 5E8B9F
- 668999
- 6D8793
- 74848D
- 7A8286
Harmonie kolorów
Komplementarna +180°
- 1993BE
Spa Dream
- BE6F43
≈ Screaming Bell Metal
Analogowa -30° +30°
- 1993BE
Spa Dream
- 00999E
≈ Riviera Paradise
- 5A87CC
≈ Berlin Blue
Triada +120° +240°
- 1993BE
Spa Dream
- BA6892
≈ Je t’aime
- 8D8C2B
≈ Potter Green
Komplementarna rozszczepiona +150° +210°
- 1993BE
Spa Dream
- C3676B
≈ Watermelon Gelato
- AC7D23
≈ Burnt Honey
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.52:1 · APCA Lc 62
Ag
AANa czerni
WCAG 5.95:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
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);
}