이름 색상 · #1993BE
Spa Dream
Spa Dream은(는) #1993BE: rgb(25 147 190), hsl(196 77% 42%), oklch(0.621 0.117 228.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Spa Dream color name →
#1993BE
oklch(0.621 0.117 228.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 3F9EC5
- 59A9CC
- 70B4D2
- 86BED9
- 9AC9DF
- AFD4E6
- C3DFEC
- D7E9F3
- EBF4F9
셰이드
- 147FA5
- 106C8C
- 0B5975
- 07475E
- 043648
- 022533
- 01161F
- 00080D
- 000102
톤
- 3091B8
- 3F90B2
- 4B8EAC
- 558CA6
- 5E8B9F
- 668999
- 6D8793
- 74848D
- 7A8286
색 조화
보색 +180°
- 1993BE
Spa Dream
- BE6F43
≈ Screaming Bell Metal
유사색 -30° +30°
- 1993BE
Spa Dream
- 00999E
≈ Riviera Paradise
- 5A87CC
≈ Berlin Blue
삼각 배색 +120° +240°
- 1993BE
Spa Dream
- BA6892
≈ Je t’aime
- 8D8C2B
≈ Potter Green
분열 보색 +150° +210°
- 1993BE
Spa Dream
- C3676B
≈ Watermelon Gelato
- AC7D23
≈ Burnt Honey
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.52:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 5.95:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
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);
}