이름 색상 · #C83A40
Root Chakra
Root Chakra은(는) #C83A40: rgb(200 58 64), hsl(357 56% 51%), oklch(0.561 0.178 22.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Root Chakra color name →
#C83A40
oklch(0.561 0.178 22.9)
색상 변환
- HEX
- #c83a40
- RGB
- rgb(200 58 64)
- HSL
- hsl(357 56% 51%)
- HWB
- hwb(357 23% 22%)
- OKLCH
- oklch(0.561 0.178 22.9)
- OKLab
- oklab(0.561 0.164 0.069)
- CIE Lab
- lab(47.23 56.77 31.11)
- LCH
- lch(47.23 64.74 28.7)
- CMYK
- cmyk(0% 71% 68% 22%)
틴트 · 셰이드 · 톤
틴트
- D05253
- D86765
- DF7B77
- E58E8A
- EBA19D
- F1B4B0
- F5C7C3
- F9D9D7
- FCECEB
셰이드
- AE3136
- 94282D
- 7B2024
- 63181B
- 4C1013
- 36090B
- 210405
- 0F0101
- 020000
톤
- C24547
- BC4E4E
- B65655
- B05E5B
- A96461
- A26B68
- 9A706E
- 927674
- 897B7A
색 조화
보색 +180°
- C83A40
Root Chakra
- 00858D
≈ Gulf Stream
유사색 -30° +30°
- C83A40
Root Chakra
- BE3B7E
≈ Razzle Dazzle
- B35800
≈ Elm Brown Red
삼각 배색 +120° +240°
- C83A40
Root Chakra
- 178D19
≈ Diamine Green
- 396DDC
≈ Royal Blue
분열 보색 +150° +210°
- C83A40
Root Chakra
- 00896E
≈ Industrial Turquoise
- 007FAD
≈ Turkish Blue
사각 배색 +90° +180° +270°
- C83A40
Root Chakra
- 767B00
≈ Flag Green
- 00858D
≈ Gulf Stream
- 7B59D2
≈ Astro Purple
대비 및 접근성
Ag
AA흰색 위
WCAG 5.07:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.13:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 5.07:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--root-chakra: #c83a40;
--root-chakra-rgb: 200 58 64;
--root-chakra-oklch: oklch(0.561 0.178 22.9);
}
.element {
color: var(--root-chakra);
background-color: hsl(357 56% 51%);
border-color: oklch(0.561 0.178 22.9);
}Tailwind CSS v4
@theme {
--color-root-chakra: #c83a40;
--color-root-chakra-50: #ffe2dc;
--color-root-chakra-100: #ffd1ca;
--color-root-chakra-200: #ffb6ae;
--color-root-chakra-300: #ff9089;
--color-root-chakra-400: #f66c6b;
--color-root-chakra-500: #e4444b;
--color-root-chakra-600: #c13b40;
--color-root-chakra-700: #9b2f33;
--color-root-chakra-800: #742126;
--color-root-chakra-900: #521619;
--color-root-chakra-950: #36060a;
}SCSS
$root-chakra: #c83a40;
$root-chakra-rgb: 200, 58, 64;
$root-chakra-light: mix(#fff, $root-chakra, 20%);
$root-chakra-dark: mix(#000, $root-chakra, 20%);
.element {
color: $root-chakra;
box-shadow: 0 0 0 2px rgba($root-chakra, 0.35);
}