이름 색상 · #433635
Reddish Black
Reddish Black은(는) #433635: rgb(67 54 53), hsl(4 12% 24%), oklch(0.347 0.019 23.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Reddish Black color name →
#433635
oklch(0.347 0.019 23.3)
색상 변환
- HEX
- #433635
- RGB
- rgb(67 54 53)
- HSL
- hsl(4 12% 24%)
- HWB
- hwb(4 21% 74%)
- OKLCH
- oklch(0.347 0.019 23.3)
- OKLab
- oklab(0.347 0.017 0.007)
- CIE Lab
- lab(24.03 5.83 2.92)
- LCH
- lch(24.03 6.52 26.6)
- CMYK
- cmyk(0% 19% 21% 74%)
틴트 · 셰이드 · 톤
틴트
- 544847
- 655A59
- 776D6C
- 89807F
- 9C9493
- AFA9A8
- C3BEBD
- D6D3D3
- EBE9E9
셰이드
- 392E2D
- 2F2525
- 261E1D
- 1D1615
- 140F0E
- 0C0808
- 050303
- 010101
- 000000
톤
- 493D3C
- 4F4443
- 554B4A
- 5B5252
- 615A59
- 676161
- 6D6968
- 737070
- 7A7878
색 조화
보색 +180°
- 433635
Reddish Black
- 2E3D3E
≈ Edge of the Galaxy
유사색 -30° +30°
- 433635
Reddish Black
- 42363A
≈ Monastery Mantle
- 423731
≈ Tobago
삼각 배색 +120° +240°
- 433635
Reddish Black
- 343C33
≈ Sound of Silence
- 353A44
≈ Do Not Disturb
분열 보색 +150° +210°
- 433635
Reddish Black
- 303D39
≈ Edge of the Galaxy
- 303B42
≈ Tempest in a Teapot
사각 배색 +90° +180° +270°
- 433635
Reddish Black
- 393B30
≈ USMC Green
- 2E3D3E
≈ Edge of the Galaxy
- 3A3843
≈ Black Marlin
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.55:1 · APCA Lc 97
Ag
Fail검은색 위
WCAG 1.81:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.55:1 (AAA) · APCA Lc 97
Contrast pairs
코드 스니펫
CSS
:root {
--reddish-black: #433635;
--reddish-black-rgb: 67 54 53;
--reddish-black-oklch: oklch(0.347 0.019 23.3);
}
.element {
color: var(--reddish-black);
background-color: hsl(4 12% 24%);
border-color: oklch(0.347 0.019 23.3);
}Tailwind CSS v4
@theme {
--color-reddish-black: #433635;
--color-reddish-black-50: #faf3f2;
--color-reddish-black-100: #eee6e5;
--color-reddish-black-200: #dcd1d0;
--color-reddish-black-300: #c1b4b2;
--color-reddish-black-400: #a99a99;
--color-reddish-black-500: #928280;
--color-reddish-black-600: #7c6e6d;
--color-reddish-black-700: #635857;
--color-reddish-black-800: #49403f;
--color-reddish-black-900: #322c2c;
--color-reddish-black-950: #1e1919;
}SCSS
$reddish-black: #433635;
$reddish-black-rgb: 67, 54, 53;
$reddish-black-light: mix(#fff, $reddish-black, 20%);
$reddish-black-dark: mix(#000, $reddish-black, 20%);
.element {
color: $reddish-black;
box-shadow: 0 0 0 2px rgba($reddish-black, 0.35);
}