이름 색상 · #536872
Cadet
Cadet은(는) #536872: rgb(83 104 114), hsl(199 16% 39%), oklch(0.504 0.03 228.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Cadet color name →
#536872
oklch(0.504 0.03 228.5)
색상 변환
- HEX
- #536872
- RGB
- rgb(83 104 114)
- HSL
- hsl(199 16% 39%)
- HWB
- hwb(199 33% 55%)
- OKLCH
- oklch(0.504 0.03 228.5)
- OKLab
- oklab(0.504 -0.02 -0.022)
- CIE Lab
- lab(42.56 -6.24 -8.36)
- LCH
- lch(42.56 10.43 233.3)
- CMYK
- cmyk(27% 9% 0% 55%)
틴트 · 셰이드 · 톤
틴트
- 63767F
- 73848D
- 83939A
- 94A2A8
- A5B1B6
- B7C0C4
- C8CFD3
- DADFE1
- EDEFF0
셰이드
- 475962
- 3B4B53
- 303E44
- 253036
- 1B2428
- 11181B
- 080C0E
- 020404
- 000001
톤
- 586A73
- 5C6D75
- 616F76
- 657278
- 6A7479
- 6E767A
- 73797C
- 777B7D
- 7C7E7F
색 조화
보색 +180°
- 536872
Cadet
- 736056
≈ Poppy Pods
유사색 -30° +30°
- 536872
Cadet
- 516A6B
≈ Sequoia Lake
- 5A6576
≈ Blue Zephyr
삼각 배색 +120° +240°
분열 보색 +150° +210°
- 536872
Cadet
- 755E5E
≈ Dove Feather
- 6E6351
≈ Harold
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.84:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.59:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.84:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--cadet: #536872;
--cadet-rgb: 83 104 114;
--cadet-oklch: oklch(0.504 0.03 228.5);
}
.element {
color: var(--cadet);
background-color: hsl(199 16% 39%);
border-color: oklch(0.504 0.03 228.5);
}Tailwind CSS v4
@theme {
--color-cadet: #536872;
--color-cadet-50: #edf7fc;
--color-cadet-100: #deeaf0;
--color-cadet-200: #c8d7df;
--color-cadet-300: #a9bbc4;
--color-cadet-400: #8da2ad;
--color-cadet-500: #728a96;
--color-cadet-600: #61757f;
--color-cadet-700: #4d5e66;
--color-cadet-800: #38454a;
--color-cadet-900: #262f34;
--color-cadet-950: #141c1f;
}SCSS
$cadet: #536872;
$cadet-rgb: 83, 104, 114;
$cadet-light: mix(#fff, $cadet, 20%);
$cadet-dark: mix(#000, $cadet, 20%);
.element {
color: $cadet;
box-shadow: 0 0 0 2px rgba($cadet, 0.35);
}