가장 가까운 이름 색상 · #AD0338
#AD0338
가장 가까운 이름 색상: Rouge
#AD0338(rgb(173 3 56), hsl(341 97% 35%), oklch(0.476 0.189 15.2))와 가장 가까운 이름 색상은 Rouge입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AD0338
oklch(0.476 0.189 15.2)
색상 변환
- HEX
- #ad0338
- RGB
- rgb(173 3 56)
- HSL
- hsl(341 97% 35%)
- HWB
- hwb(341 1% 32%)
- OKLCH
- oklch(0.476 0.189 15.2)
- OKLab
- oklab(0.476 0.182 0.049)
- CIE Lab
- lab(37.12 61.08 22.41)
- LCH
- lch(37.12 65.06 20.1)
- CMYK
- cmyk(0% 98% 68% 32%)
틴트 · 셰이드 · 톤
틴트
- B8324A
- C34D5D
- CD6570
- D77B83
- DF9197
- E7A7AB
- EEBDBF
- F5D3D4
- FAE9E9
셰이드
- 96022F
- 7F0227
- 6A011F
- 550117
- 41000F
- 2D0008
- 1B0004
- 0B0001
- 010000
톤
- AB233F
- A83447
- A5414E
- A14C55
- 9D565C
- 995F63
- 94686A
- 8E7072
- 877879
색 조화
보색 +180°
- AD0338
Rouge
- 006A6B
≈ Mayan Blue
유사색 -30° +30°
- AD0338
Rouge
- 9F1574
≈ Haunted Purple
- 973D00
≈ Hot Brown
삼각 배색 +120° +240°
- AD0338
Rouge
- 356D00
≈ Tatzelwurm Green
- 005AB2
≈ Bottled Sea
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.37:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 2.84:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 7.37:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--rouge: #ad0338;
--rouge-rgb: 173 3 56;
--rouge-oklch: oklch(0.476 0.189 15.2);
}
.element {
color: var(--rouge);
background-color: hsl(341 97% 35%);
border-color: oklch(0.476 0.189 15.2);
}Tailwind CSS v4
@theme {
--color-rouge: #ad0338;
--color-rouge-50: #ffe0e2;
--color-rouge-100: #ffcfd1;
--color-rouge-200: #ffb2b7;
--color-rouge-300: #ff8c94;
--color-rouge-400: #f96679;
--color-rouge-500: #e83a5c;
--color-rouge-600: #c4344e;
--color-rouge-700: #9d293e;
--color-rouge-800: #751c2f;
--color-rouge-900: #531320;
--color-rouge-950: #37030f;
}SCSS
$rouge: #ad0338;
$rouge-rgb: 173, 3, 56;
$rouge-light: mix(#fff, $rouge, 20%);
$rouge-dark: mix(#000, $rouge, 20%);
.element {
color: $rouge;
box-shadow: 0 0 0 2px rgba($rouge, 0.35);
}