이름 색상 · #EE9941
Sacral Chakra
Sacral Chakra은(는) #EE9941: rgb(238 153 65), hsl(31 84% 59%), oklch(0.754 0.143 63.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sacral Chakra color name →
#EE9941
oklch(0.754 0.143 63.1)
색상 변환
- HEX
- #ee9941
- RGB
- rgb(238 153 65)
- HSL
- hsl(31 84% 59%)
- HWB
- hwb(31 25% 7%)
- OKLCH
- oklch(0.754 0.143 63.1)
- OKLab
- oklab(0.754 0.065 0.128)
- CIE Lab
- lab(70.99 27.54 57.89)
- LCH
- lch(70.99 64.11 64.6)
- CMYK
- cmyk(0% 36% 73% 7%)
틴트 · 셰이드 · 톤
틴트
- F1A459
- F3AE6E
- F5B981
- F7C394
- F9CDA6
- FBD7B8
- FCE1CA
- FDEBDC
- FEF5ED
셰이드
- CF8437
- B1702E
- 935D25
- 774A1C
- 5C3813
- 42270B
- 2A1705
- 140801
- 030100
톤
- E3974C
- D89555
- CD935C
- C29063
- B78E69
- AC8B6E
- A18973
- 968678
- 8B837C
색 조화
보색 +180°
- EE9941
Sacral Chakra
- 56B8FF
≈ Hello Summer
유사색 -30° +30°
- EE9941
Sacral Chakra
- FC8B72
≈ Miami Coral
- CEAC2A
≈ Grass Daisy
삼각 배색 +120° +240°
- EE9941
Sacral Chakra
- 00CAB7
≈ Pristine Oceanic
- C297F9
≈ Baby Purple
분열 보색 +150° +210°
- EE9941
Sacral Chakra
- 00C4E1
≈ Caribbean Blue
- 95A9FF
≈ Widowmaker
사각 배색 +90° +180° +270°
- EE9941
Sacral Chakra
- 5CC983
≈ Paris Green
- 56B8FF
≈ Hello Summer
- E48BD6
≈ Blushed Bombshell
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.26:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.26:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.26:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--sacral-chakra: #ee9941;
--sacral-chakra-rgb: 238 153 65;
--sacral-chakra-oklch: oklch(0.754 0.143 63.1);
}
.element {
color: var(--sacral-chakra);
background-color: hsl(31 84% 59%);
border-color: oklch(0.754 0.143 63.1);
}Tailwind CSS v4
@theme {
--color-sacral-chakra: #ee9941;
--color-sacral-chakra-50: #ffeecb;
--color-sacral-chakra-100: #ffdfb6;
--color-sacral-chakra-200: #ffc893;
--color-sacral-chakra-300: #eaa865;
--color-sacral-chakra-400: #d98a36;
--color-sacral-chakra-500: #c66c00;
--color-sacral-chakra-600: #a75c00;
--color-sacral-chakra-700: #864900;
--color-sacral-chakra-800: #653400;
--color-sacral-chakra-900: #472400;
--color-sacral-chakra-950: #2e1200;
}SCSS
$sacral-chakra: #ee9941;
$sacral-chakra-rgb: 238, 153, 65;
$sacral-chakra-light: mix(#fff, $sacral-chakra, 20%);
$sacral-chakra-dark: mix(#000, $sacral-chakra, 20%);
.element {
color: $sacral-chakra;
box-shadow: 0 0 0 2px rgba($sacral-chakra, 0.35);
}