이름 색상 · #92353A
Fire Chi
Fire Chi은(는) #92353A: rgb(146 53 58), hsl(357 47% 39%), oklch(0.463 0.126 20.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Fire Chi color name →
#92353A
oklch(0.463 0.126 20.3)
색상 변환
- HEX
- #92353a
- RGB
- rgb(146 53 58)
- HSL
- hsl(357 47% 39%)
- HWB
- hwb(357 21% 43%)
- OKLCH
- oklch(0.463 0.126 20.3)
- OKLab
- oklab(0.463 0.118 0.044)
- CIE Lab
- lab(36.37 40.2 18.82)
- LCH
- lch(36.37 44.38 25.1)
- CMYK
- cmyk(0% 64% 60% 43%)
틴트 · 셰이드 · 톤
틴트
- 9F4A4C
- AB5E5E
- B77171
- C28584
- CD9998
- D8ADAC
- E2C1C0
- ECD5D5
- F6EAEA
셰이드
- 7E2D31
- 6B2528
- 581D20
- 461518
- 350E10
- 250809
- 160304
- 080101
- 010000
톤
- 923E41
- 914748
- 904F4F
- 8F5656
- 8D5E5D
- 8B6564
- 896C6B
- 877372
- 837979
색 조화
보색 +180°
- 92353A
Fire Chi
- 00666A
≈ Joyful Tears
유사색 -30° +30°
- 92353A
Fire Chi
- 8A3662
≈ Boysenberry
- 8C4000
≈ Sis Kebab
삼각 배색 +120° +240°
- 92353A
Fire Chi
- 2B691D
≈ Brazilian Green
- 2C569E
≈ Cyan Cobalt Blue
분열 보색 +150° +210°
- 92353A
Fire Chi
- 006951
≈ Peacock Green
- 006182
≈ Adriatic Sea
사각 배색 +90° +180° +270°
- 92353A
Fire Chi
- 5C5D00
≈ Greensboro
- 00666A
≈ Joyful Tears
- 5A4999
≈ Liberty
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.52:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.79:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.52:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--fire-chi: #92353a;
--fire-chi-rgb: 146 53 58;
--fire-chi-oklch: oklch(0.463 0.126 20.3);
}
.element {
color: var(--fire-chi);
background-color: hsl(357 47% 39%);
border-color: oklch(0.463 0.126 20.3);
}Tailwind CSS v4
@theme {
--color-fire-chi: #92353a;
--color-fire-chi-50: #ffe8e5;
--color-fire-chi-100: #ffd8d5;
--color-fire-chi-200: #ffc0bc;
--color-fire-chi-300: #f19e9a;
--color-fire-chi-400: #df7f7f;
--color-fire-chi-500: #cc5f62;
--color-fire-chi-600: #ac5154;
--color-fire-chi-700: #8a4142;
--color-fire-chi-800: #672e31;
--color-fire-chi-900: #481f21;
--color-fire-chi-950: #2f0e11;
}SCSS
$fire-chi: #92353a;
$fire-chi-rgb: 146, 53, 58;
$fire-chi-light: mix(#fff, $fire-chi, 20%);
$fire-chi-dark: mix(#000, $fire-chi, 20%);
.element {
color: $fire-chi;
box-shadow: 0 0 0 2px rgba($fire-chi, 0.35);
}