이름 색상 · #1B8CB6
Hidden Springs
Hidden Springs은(는) #1B8CB6: rgb(27 140 182), hsl(196 74% 41%), oklch(0.6 0.112 229.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Hidden Springs color name →
#1B8CB6
oklch(0.6 0.112 229.6)
색상 변환
- HEX
- #1b8cb6
- RGB
- rgb(27 140 182)
- HSL
- hsl(196 74% 41%)
- HWB
- hwb(196 11% 29%)
- OKLCH
- oklch(0.6 0.112 229.6)
- OKLab
- oklab(0.6 -0.073 -0.086)
- CIE Lab
- lab(53.9 -19.45 -31.13)
- LCH
- lch(53.9 36.7 238)
- CMYK
- cmyk(85% 23% 0% 29%)
틴트 · 셰이드 · 톤
틴트
- 3E97BE
- 58A3C5
- 6FAECD
- 84BAD4
- 99C5DB
- ADD1E3
- C2DCEA
- D6E8F1
- EBF3F8
셰이드
- 16799E
- 116786
- 0C556F
- 084359
- 053344
- 022330
- 01141D
- 00070C
- 000102
톤
- 308BB1
- 3E8AAB
- 4A89A6
- 5488A1
- 5D879C
- 658696
- 6C8491
- 73838B
- 7A8286
색 조화
보색 +180°
- 1B8CB6
Hidden Springs
- B56A3F
≈ Mincemeat
유사색 -30° +30°
- 1B8CB6
Hidden Springs
- 009298
≈ Splashy
- 5780C3
≈ Sea Note
삼각 배색 +120° +240°
- 1B8CB6
Hidden Springs
- B2638A
≈ Wild Mulberry
- 85862A
≈ Buffy Citrine
분열 보색 +150° +210°
- 1B8CB6
Hidden Springs
- BA6365
≈ Strawberry Rhubarb
- A47821
≈ Nataneyu Gold
사각 배색 +90° +180° +270°
- 1B8CB6
Hidden Springs
- 9E69AA
≈ Dark Lilac
- B56A3F
≈ Mincemeat
- 5B904E
≈ Virgo Green Goddess
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.83:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.47:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--hidden-springs: #1b8cb6;
--hidden-springs-rgb: 27 140 182;
--hidden-springs-oklch: oklch(0.6 0.112 229.6);
}
.element {
color: var(--hidden-springs);
background-color: hsl(196 74% 41%);
border-color: oklch(0.6 0.112 229.6);
}Tailwind CSS v4
@theme {
--color-hidden-springs: #1b8cb6;
--color-hidden-springs-50: #d6fcff;
--color-hidden-springs-100: #c3efff;
--color-hidden-springs-200: #a3defc;
--color-hidden-springs-300: #79c2e7;
--color-hidden-springs-400: #4cabd4;
--color-hidden-springs-500: #0093c2;
--color-hidden-springs-600: #0a7ca3;
--color-hidden-springs-700: #0b6383;
--color-hidden-springs-800: #024961;
--color-hidden-springs-900: #033344;
--color-hidden-springs-950: #001e2c;
}SCSS
$hidden-springs: #1b8cb6;
$hidden-springs-rgb: 27, 140, 182;
$hidden-springs-light: mix(#fff, $hidden-springs, 20%);
$hidden-springs-dark: mix(#000, $hidden-springs, 20%);
.element {
color: $hidden-springs;
box-shadow: 0 0 0 2px rgba($hidden-springs, 0.35);
}