이름 색상 · #A22042
True Crimson
True Crimson은(는) #A22042: rgb(162 32 66), hsl(344 67% 38%), oklch(0.471 0.165 11.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · True Crimson color name →
#A22042
oklch(0.471 0.165 11.9)
색상 변환
- HEX
- #a22042
- RGB
- rgb(162 32 66)
- HSL
- hsl(344 67% 38%)
- HWB
- hwb(344 13% 36%)
- OKLCH
- oklch(0.471 0.165 11.9)
- OKLab
- oklab(0.471 0.161 0.034)
- CIE Lab
- lab(36.75 53.48 14.92)
- LCH
- lch(36.75 55.52 15.6)
- CMYK
- cmyk(0% 80% 59% 36%)
틴트 · 셰이드 · 톤
틴트
- AE3C53
- B95465
- C46A76
- CE7F89
- D8949C
- E1A9AF
- E9BEC2
- F1D4D6
- F8E9EA
셰이드
- 8C1A38
- 77152F
- 630F25
- 4F0A1C
- 3C0614
- 2A030B
- 190105
- 0A0001
- 010000
톤
- A02F48
- 9F3C4E
- 9C4654
- 9A505A
- 975961
- 936167
- 8F696D
- 8B7173
- 86797A
색 조화
보색 +180°
- A22042
True Crimson
- 006967
≈ Chinese Garden
유사색 -30° +30°
- A22042
True Crimson
- 942875
≈ Beetiful Magenta
- 993700
≈ Chocoholic
삼각 배색 +120° +240°
- A22042
True Crimson
- 3E6900
≈ Tatzelwurm Green
- 005CA6
≈ Directoire Blue
분열 보색 +150° +210°
- A22042
True Crimson
- 006C49
≈ Vegan Green
- 00657E
≈ Ocean Depths
사각 배색 +90° +180° +270°
- A22042
True Crimson
- 675C00
≈ Brussels Sprout Green
- 006967
≈ Chinese Garden
- 5147B3
≈ Swiss Plum
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.44:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.82:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.44:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--true-crimson: #a22042;
--true-crimson-rgb: 162 32 66;
--true-crimson-oklch: oklch(0.471 0.165 11.9);
}
.element {
color: var(--true-crimson);
background-color: hsl(344 67% 38%);
border-color: oklch(0.471 0.165 11.9);
}Tailwind CSS v4
@theme {
--color-true-crimson: #a22042;
--color-true-crimson-50: #ffe3e7;
--color-true-crimson-100: #ffd2d7;
--color-true-crimson-200: #ffb7bf;
--color-true-crimson-300: #ff929e;
--color-true-crimson-400: #ee7084;
--color-true-crimson-500: #dc4b69;
--color-true-crimson-600: #ba4159;
--color-true-crimson-700: #963347;
--color-true-crimson-800: #6f2435;
--color-true-crimson-900: #4f1824;
--color-true-crimson-950: #340813;
}SCSS
$true-crimson: #a22042;
$true-crimson-rgb: 162, 32, 66;
$true-crimson-light: mix(#fff, $true-crimson, 20%);
$true-crimson-dark: mix(#000, $true-crimson, 20%);
.element {
color: $true-crimson;
box-shadow: 0 0 0 2px rgba($true-crimson, 0.35);
}