이름 색상 · #508793
Night Masque
Night Masque은(는) #508793: rgb(80 135 147), hsl(191 30% 45%), oklch(0.59 0.061 213.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Night Masque color name →
#508793
oklch(0.59 0.061 213.2)
색상 변환
- HEX
- #508793
- RGB
- rgb(80 135 147)
- HSL
- hsl(191 30% 45%)
- HWB
- hwb(191 31% 42%)
- OKLCH
- oklch(0.59 0.061 213.2)
- OKLab
- oklab(0.59 -0.051 -0.033)
- CIE Lab
- lab(52.86 -16.45 -12.48)
- LCH
- lch(52.86 20.65 217.2)
- CMYK
- cmyk(46% 8% 0% 42%)
틴트 · 셰이드 · 톤
틴트
- 62939D
- 739EA8
- 84AAB2
- 96B6BD
- A7C2C8
- B8CED3
- CADADE
- DBE6E9
- EDF3F4
셰이드
- 44757F
- 39636C
- 2E5159
- 244147
- 1A3136
- 102125
- 071316
- 020608
- 000101
톤
- 568691
- 5B868F
- 61858D
- 66858C
- 6A848A
- 6F8388
- 738286
- 788284
- 7C8182
색 조화
보색 +180°
- 508793
Night Masque
- 9E7066
≈ Discretion
유사색 -30° +30°
- 508793
Night Masque
- 518981
≈ Wintergreen Dream
- 5D829F
≈ Greyish Blue
삼각 배색 +120° +240°
- 508793
Night Masque
- 94708D
≈ Felicia
- 897D53
≈ Clay Creek
분열 보색 +150° +210°
- 508793
Night Masque
- 9D6E79
≈ Concerto
- 977657
≈ Decreasing Brown
사각 배색 +90° +180° +270°
- 508793
Night Masque
- 84759B
≈ Voxatron Purple
- 9E7066
≈ Discretion
- 76845B
≈ Equatorial Forest
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.01:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.22:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.22:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--night-masque: #508793;
--night-masque-rgb: 80 135 147;
--night-masque-oklch: oklch(0.59 0.061 213.2);
}
.element {
color: var(--night-masque);
background-color: hsl(191 30% 45%);
border-color: oklch(0.59 0.061 213.2);
}Tailwind CSS v4
@theme {
--color-night-masque: #508793;
--color-night-masque-50: #e3faff;
--color-night-masque-100: #d2eef5;
--color-night-masque-200: #b8dbe5;
--color-night-masque-300: #94c0cb;
--color-night-masque-400: #74a8b4;
--color-night-masque-500: #53919e;
--color-night-masque-600: #477b86;
--color-night-masque-700: #39626b;
--color-night-masque-800: #28484e;
--color-night-masque-900: #1b3237;
--color-night-masque-950: #0b1e21;
}SCSS
$night-masque: #508793;
$night-masque-rgb: 80, 135, 147;
$night-masque-light: mix(#fff, $night-masque, 20%);
$night-masque-dark: mix(#000, $night-masque, 20%);
.element {
color: $night-masque;
box-shadow: 0 0 0 2px rgba($night-masque, 0.35);
}