이름 색상 · #3F545A
Casal
Casal은(는) #3F545A: rgb(63 84 90), hsl(193 18% 30%), oklch(0.431 0.028 217.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Casal color name →
#3F545A
oklch(0.431 0.028 217.2)
색상 변환
- HEX
- #3f545a
- RGB
- rgb(63 84 90)
- HSL
- hsl(193 18% 30%)
- HWB
- hwb(193 25% 65%)
- OKLCH
- oklch(0.431 0.028 217.2)
- OKLab
- oklab(0.431 -0.022 -0.017)
- CIE Lab
- lab(34.15 -7.15 -6.29)
- LCH
- lch(34.15 9.52 221.3)
- CMYK
- cmyk(30% 7% 0% 65%)
틴트 · 셰이드 · 톤
틴트
- 506469
- 627378
- 748488
- 879498
- 9AA5A9
- AEB7BA
- C1C8CA
- D6DADC
- EAEDED
셰이드
- 35484D
- 2C3C41
- 233135
- 1B2629
- 121B1E
- 0A1113
- 040809
- 010203
- 000000
톤
- 45585E
- 4C5D61
- 526165
- 596569
- 5F6A6D
- 666E71
- 6C7374
- 737778
- 797B7C
색 조화
보색 +180°
- 3F545A
Casal
- 5E4B45
≈ Cafe Expreso
유사색 -30° +30°
- 3F545A
Casal
- 3F5552
≈ Sycamore Tree
- 44525F
≈ Night Tide
삼각 배색 +120° +240°
- 3F545A
Casal
- 5A4A56
≈ Deep Merlot
- 54503F
≈ Forest Floor
분열 보색 +150° +210°
- 3F545A
Casal
- 5E4A4D
≈ Raisin
- 5B4D40
≈ Rock
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.99:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.62:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--casal: #3f545a;
--casal-rgb: 63 84 90;
--casal-oklch: oklch(0.431 0.028 217.2);
}
.element {
color: var(--casal);
background-color: hsl(193 18% 30%);
border-color: oklch(0.431 0.028 217.2);
}Tailwind CSS v4
@theme {
--color-casal: #3f545a;
--color-casal-50: #edf7fb;
--color-casal-100: #deeaee;
--color-casal-200: #c8d7dc;
--color-casal-300: #a9bbc1;
--color-casal-400: #8da3a9;
--color-casal-500: #728b92;
--color-casal-600: #61767c;
--color-casal-700: #4d5e63;
--color-casal-800: #384548;
--color-casal-900: #263032;
--color-casal-950: #151c1e;
}SCSS
$casal: #3f545a;
$casal-rgb: 63, 84, 90;
$casal-light: mix(#fff, $casal, 20%);
$casal-dark: mix(#000, $casal, 20%);
.element {
color: $casal;
box-shadow: 0 0 0 2px rgba($casal, 0.35);
}