이름 색상 · #405852
Concealment
Concealment은(는) #405852: rgb(64 88 82), hsl(165 16% 30%), oklch(0.439 0.031 177.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Concealment color name →
#405852
oklch(0.439 0.031 177.7)
색상 변환
- HEX
- #405852
- RGB
- rgb(64 88 82)
- HSL
- hsl(165 16% 30%)
- HWB
- hwb(165 25% 65%)
- OKLCH
- oklch(0.439 0.031 177.7)
- OKLab
- oklab(0.439 -0.031 0.001)
- CIE Lab
- lab(35.3 -10.55 0.38)
- LCH
- lch(35.3 10.56 177.9)
- CMYK
- cmyk(27% 0% 7% 65%)
틴트 · 셰이드 · 톤
틴트
- 516762
- 637772
- 758782
- 889793
- 9BA8A4
- AEB9B6
- C2CAC8
- D6DBDA
- EAEDEC
셰이드
- 364B46
- 2D3F3B
- 24332F
- 1B2825
- 131D1A
- 0B1211
- 050908
- 010302
- 000000
톤
- 465C56
- 4D605B
- 53645F
- 596864
- 606C69
- 66706D
- 6D7472
- 737877
- 7A7C7B
색 조화
보색 +180°
- 405852
Concealment
- 614B52
≈ Sweet Currant
유사색 -30° +30°
- 405852
Concealment
- 475749
≈ Vinca & Vine
- 3E575B
≈ Abysse
삼각 배색 +120° +240°
- 405852
Concealment
- 544F61
≈ Illusionist
- 604E42
≈ Ground Bean
분열 보색 +150° +210°
- 405852
Concealment
- 5C4C5B
≈ Purple Fury
- 624C49
≈ French Roast
사각 배색 +90° +180° +270°
- 405852
Concealment
- 4B5264
≈ Mystical Shade
- 614B52
≈ Sweet Currant
- 59513F
≈ Pure Woody
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.67:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.73:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 7.67:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--concealment: #405852;
--concealment-rgb: 64 88 82;
--concealment-oklch: oklch(0.439 0.031 177.7);
}
.element {
color: var(--concealment);
background-color: hsl(165 16% 30%);
border-color: oklch(0.439 0.031 177.7);
}Tailwind CSS v4
@theme {
--color-concealment: #405852;
--color-concealment-50: #ecf8f5;
--color-concealment-100: #deebe8;
--color-concealment-200: #c7d9d4;
--color-concealment-300: #a7bdb8;
--color-concealment-400: #8ca59e;
--color-concealment-500: #718d86;
--color-concealment-600: #607771;
--color-concealment-700: #4c605b;
--color-concealment-800: #374642;
--color-concealment-900: #26302d;
--color-concealment-950: #141d1a;
}SCSS
$concealment: #405852;
$concealment-rgb: 64, 88, 82;
$concealment-light: mix(#fff, $concealment, 20%);
$concealment-dark: mix(#000, $concealment, 20%);
.element {
color: $concealment;
box-shadow: 0 0 0 2px rgba($concealment, 0.35);
}