가장 가까운 이름 색상 · #633A3E
#633A3E
가장 가까운 이름 색상: Red Rumour
#633A3E(rgb(99 58 62), hsl(354 26% 31%), oklch(0.399 0.058 13.7))와 가장 가까운 이름 색상은 Red Rumour입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#633A3E
oklch(0.399 0.058 13.7)
색상 변환
- HEX
- #633a3e
- RGB
- rgb(99 58 62)
- HSL
- hsl(354 26% 31%)
- HWB
- hwb(354 23% 61%)
- OKLCH
- oklch(0.399 0.058 13.7)
- OKLab
- oklab(0.399 0.057 0.014)
- CIE Lab
- lab(29.67 19.03 5.66)
- LCH
- lch(29.67 19.85 16.6)
- CMYK
- cmyk(0% 41% 37% 61%)
틴트 · 셰이드 · 톤
틴트
- 724C4F
- 815E61
- 917173
- A08486
- B09799
- BFABAC
- CFC0C1
- DFD4D5
- EFEAEA
셰이드
- 553135
- 47282B
- 3A2023
- 2E181A
- 211012
- 16090A
- 0B0404
- 030101
- 000000
톤
- 664144
- 6A484B
- 6D4F51
- 705657
- 735D5E
- 766465
- 786B6B
- 7B7272
- 7E7979
색 조화
보색 +180°
- 633A3E
Red Rumour
- 175150
≈ Lacustral
유사색 -30° +30°
- 633A3E
Red Rumour
- 5E3B4F
≈ Violet Posy
- 623D2D
≈ Chocolate Escape
삼각 배색 +120° +240°
- 633A3E
Red Rumour
- 3B4E2D
≈ Nettle Green
- 314966
≈ Lake View
분열 보색 +150° +210°
- 633A3E
Red Rumour
- 26513F
≈ Hunt Club
- 1E4E5F
≈ Rugged Teal
사각 배색 +90° +180° +270°
- 633A3E
Red Rumour
- 4D4921
≈ Uniform Green
- 175150
≈ Lacustral
- 434366
≈ Genie
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.52:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.20:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.52:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--red-rumour: #633a3e;
--red-rumour-rgb: 99 58 62;
--red-rumour-oklch: oklch(0.399 0.058 13.7);
}
.element {
color: var(--red-rumour);
background-color: hsl(354 26% 31%);
border-color: oklch(0.399 0.058 13.7);
}Tailwind CSS v4
@theme {
--color-red-rumour: #633a3e;
--color-red-rumour-50: #ffefef;
--color-red-rumour-100: #fbe1e1;
--color-red-rumour-200: #eccbcc;
--color-red-rumour-300: #d4acad;
--color-red-rumour-400: #be9194;
--color-red-rumour-500: #a9767b;
--color-red-rumour-600: #8f6468;
--color-red-rumour-700: #735053;
--color-red-rumour-800: #553a3d;
--color-red-rumour-900: #3b282a;
--color-red-rumour-950: #251618;
}SCSS
$red-rumour: #633a3e;
$red-rumour-rgb: 99, 58, 62;
$red-rumour-light: mix(#fff, $red-rumour, 20%);
$red-rumour-dark: mix(#000, $red-rumour, 20%);
.element {
color: $red-rumour;
box-shadow: 0 0 0 2px rgba($red-rumour, 0.35);
}