가장 가까운 이름 색상 · #D81306
#D81306
가장 가까운 이름 색상: Red Republic
#D81306(rgb(216 19 6), hsl(4 95% 44%), oklch(0.559 0.223 29.7))와 가장 가까운 이름 색상은 Red Republic입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D81306
oklch(0.559 0.223 29.7)
색상 변환
- HEX
- #d81306
- RGB
- rgb(216 19 6)
- HSL
- hsl(4 95% 44%)
- HWB
- hwb(4 2% 15%)
- OKLCH
- oklch(0.559 0.223 29.7)
- OKLab
- oklab(0.559 0.193 0.11)
- CIE Lab
- lab(46.65 69.57 59.9)
- LCH
- lch(46.65 91.8 40.7)
- CMYK
- cmyk(0% 91% 97% 15%)
틴트 · 셰이드 · 톤
틴트
- E03E2F
- E65A49
- EC7160
- F28777
- F69C8D
- FAB0A3
- FCC4BA
- FED8D1
- FFEBE8
셰이드
- BC0F04
- A00B03
- 850702
- 6B0501
- 530301
- 3B0100
- 250100
- 110000
- 020000
톤
- D12F21
- CA3F30
- C24B3D
- BB5648
- B25F52
- AA665C
- A16E65
- 97746E
- 8C7A77
색 조화
보색 +180°
- D81306
Red Republic
- 008393
≈ Island Lush
유사색 -30° +30°
- D81306
Red Republic
- D00C6F
≈ Moth Orchid
- AB5E00
≈ Raw Umber
삼각 배색 +120° +240°
- D81306
Red Republic
- 008C3E
≈ Cold Green
- 4560F4
≈ Secret of Mana
분열 보색 +150° +210°
- D81306
Red Republic
- 008776
≈ Summer Turquoise
- 007CB6
≈ Artesian Water
사각 배색 +90° +180° +270°
- D81306
Red Republic
- 6B7E00
≈ Topiary Garden
- 008393
≈ Island Lush
- 8B45E0
≈ Thick Purple
대비 및 접근성
Ag
AA흰색 위
WCAG 5.22:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.01:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--red-republic: #d81306;
--red-republic-rgb: 216 19 6;
--red-republic-oklch: oklch(0.559 0.223 29.7);
}
.element {
color: var(--red-republic);
background-color: hsl(4 95% 44%);
border-color: oklch(0.559 0.223 29.7);
}Tailwind CSS v4
@theme {
--color-red-republic: #d81306;
--color-red-republic-50: #ffdece;
--color-red-republic-100: #ffccba;
--color-red-republic-200: #ffaf98;
--color-red-republic-300: #ff866c;
--color-red-republic-400: #ff5b48;
--color-red-republic-500: #f71b0c;
--color-red-republic-600: #d11e11;
--color-red-republic-700: #a8190e;
--color-red-republic-800: #7e0e0e;
--color-red-republic-900: #590a09;
--color-red-republic-950: #3c0000;
}SCSS
$red-republic: #d81306;
$red-republic-rgb: 216, 19, 6;
$red-republic-light: mix(#fff, $red-republic, 20%);
$red-republic-dark: mix(#000, $red-republic, 20%);
.element {
color: $red-republic;
box-shadow: 0 0 0 2px rgba($red-republic, 0.35);
}