이름 색상 · #7FC3E1
Undercool
Undercool은(는) #7FC3E1: rgb(127 195 225), hsl(198 62% 69%), oklch(0.783 0.081 227.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Undercool color name →
#7FC3E1
oklch(0.783 0.081 227.7)
색상 변환
- HEX
- #7fc3e1
- RGB
- rgb(127 195 225)
- HSL
- hsl(198 62% 69%)
- HWB
- hwb(198 50% 12%)
- OKLCH
- oklch(0.783 0.081 227.7)
- OKLab
- oklab(0.783 -0.054 -0.06)
- CIE Lab
- lab(75.08 -16.48 -22.17)
- LCH
- lch(75.08 27.62 233.4)
- CMYK
- cmyk(44% 13% 0% 12%)
틴트 · 셰이드 · 톤
틴트
- 8DC9E4
- 9ACFE7
- A7D5EA
- B4DBED
- C0E1F0
- CDE7F3
- DAEDF6
- E6F3F9
- F3F9FC
셰이드
- 6EA9C4
- 5D90A7
- 4C788B
- 3C6070
- 2D4A56
- 1F343E
- 112027
- 060E12
- 010202
톤
- 80BCD7
- 81B5CD
- 82AFC3
- 82A8B9
- 82A1B0
- 829BA6
- 82949C
- 818D93
- 818789
색 조화
보색 +180°
- 7FC3E1
Undercool
- E4A98B
≈ Rose Tattoo
유사색 -30° +30°
- 7FC3E1
Undercool
- 76C9CB
≈ Tropical Splash
- 98BAEC
≈ Blue Shutters
삼각 배색 +120° +240°
- 7FC3E1
Undercool
- E0A4C2
≈ Think Pink
- BDBD7F
≈ Krieg Khaki
분열 보색 +150° +210°
- 7FC3E1
Undercool
- E8A4A5
≈ Perennial Phlox
- D5B27D
≈ Barley
사각 배색 +90° +180° +270°
- 7FC3E1
Undercool
- CEA8DA
≈ Favourite Lavender
- E4A98B
≈ Rose Tattoo
- 9FC592
≈ Cos
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.94:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.79:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.79:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--undercool: #7fc3e1;
--undercool-rgb: 127 195 225;
--undercool-oklch: oklch(0.783 0.081 227.7);
}
.element {
color: var(--undercool);
background-color: hsl(198 62% 69%);
border-color: oklch(0.783 0.081 227.7);
}Tailwind CSS v4
@theme {
--color-undercool: #7fc3e1;
--color-undercool-50: #dffaff;
--color-undercool-100: #cdeefe;
--color-undercool-200: #b2dcf0;
--color-undercool-300: #8cc0d9;
--color-undercool-400: #69a8c4;
--color-undercool-500: #4491b0;
--color-undercool-600: #3b7a95;
--color-undercool-700: #2f6277;
--color-undercool-800: #1f4858;
--color-undercool-900: #15323d;
--color-undercool-950: #061e27;
}SCSS
$undercool: #7fc3e1;
$undercool-rgb: 127, 195, 225;
$undercool-light: mix(#fff, $undercool, 20%);
$undercool-dark: mix(#000, $undercool, 20%);
.element {
color: $undercool;
box-shadow: 0 0 0 2px rgba($undercool, 0.35);
}