이름 색상 · #50818B
Cape Lee
Cape Lee은(는) #50818B: rgb(80 129 139), hsl(190 27% 43%), oklch(0.572 0.055 212). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Cape Lee color name →
#50818B
oklch(0.572 0.055 212)
색상 변환
- HEX
- #50818b
- RGB
- rgb(80 129 139)
- HSL
- hsl(190 27% 43%)
- HWB
- hwb(190 31% 45%)
- OKLCH
- oklch(0.572 0.055 212)
- OKLab
- oklab(0.572 -0.047 -0.029)
- CIE Lab
- lab(50.79 -15.17 -10.94)
- LCH
- lch(50.79 18.7 215.8)
- CMYK
- cmyk(42% 7% 0% 45%)
틴트 · 셰이드 · 톤
틴트
- 618D96
- 7299A1
- 84A5AD
- 95B2B8
- A6BEC4
- B8CBCF
- C9D8DB
- DBE5E7
- EDF2F3
셰이드
- 446F78
- 395E66
- 2E4E54
- 243E43
- 1A2E32
- 101F23
- 071214
- 020607
- 000101
톤
- 56818A
- 5B8189
- 608188
- 658187
- 6A8186
- 6F8185
- 738183
- 778082
- 7C8081
색 조화
보색 +180°
- 50818B
Cape Lee
- 966C64
≈ Safari Brown
유사색 -30° +30°
- 50818B
Cape Lee
- 52837A
≈ Idyllic Island
- 5B7C96
≈ Cropper Blue
삼각 배색 +120° +240°
- 50818B
Cape Lee
- 8C6C87
≈ Dianthus Mauve
- 847752
≈ Olive Ochre
분열 보색 +150° +210°
- 50818B
Cape Lee
- 946B75
≈ Full Glass
- 907156
≈ Arrow Creek
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.32:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.85:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.85:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--cape-lee: #50818b;
--cape-lee-rgb: 80 129 139;
--cape-lee-oklch: oklch(0.572 0.055 212);
}
.element {
color: var(--cape-lee);
background-color: hsl(190 27% 43%);
border-color: oklch(0.572 0.055 212);
}Tailwind CSS v4
@theme {
--color-cape-lee: #50818b;
--color-cape-lee-50: #e4faff;
--color-cape-lee-100: #d4edf3;
--color-cape-lee-200: #bbdbe3;
--color-cape-lee-300: #98bfc9;
--color-cape-lee-400: #78a8b1;
--color-cape-lee-500: #59909b;
--color-cape-lee-600: #4c7a83;
--color-cape-lee-700: #3c6269;
--color-cape-lee-800: #2b484d;
--color-cape-lee-900: #1d3235;
--color-cape-lee-950: #0d1e21;
}SCSS
$cape-lee: #50818b;
$cape-lee-rgb: 80, 129, 139;
$cape-lee-light: mix(#fff, $cape-lee, 20%);
$cape-lee-dark: mix(#000, $cape-lee, 20%);
.element {
color: $cape-lee;
box-shadow: 0 0 0 2px rgba($cape-lee, 0.35);
}