이름 색상 · #C80815
Venetian Red
Venetian Red은(는) #C80815: rgb(200 8 21), hsl(356 92% 41%), oklch(0.526 0.211 27.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Venetian Red color name →
#C80815
oklch(0.526 0.211 27.4)
색상 변환
- HEX
- #c80815
- RGB
- rgb(200 8 21)
- HSL
- hsl(356 92% 41%)
- HWB
- hwb(356 3% 22%)
- OKLCH
- oklch(0.526 0.211 27.4)
- OKLab
- oklab(0.526 0.188 0.097)
- CIE Lab
- lab(42.87 66.71 50.56)
- LCH
- lch(42.87 83.71 37.2)
- CMYK
- cmyk(0% 96% 89% 22%)
틴트 · 셰이드 · 톤
틴트
- D13933
- D9544A
- E16C61
- E88277
- EE988D
- F3ACA3
- F7C1BA
- FBD6D1
- FDEAE8
셰이드
- AE0611
- 94040C
- 7B0308
- 630205
- 4C0103
- 360102
- 210001
- 0F0000
- 020000
톤
- C32926
- BD3A33
- B8473E
- B15249
- AB5B52
- A4635C
- 9C6B65
- 93736E
- 8A7977
색 조화
보색 +180°
- C80815
Venetian Red
- 007985
≈ Biscay Bay
유사색 -30° +30°
- C80815
Venetian Red
- BF076B
≈ Aztec Warrior
- 9F5400
≈ Charlie Brown
삼각 배색 +120° +240°
- C80815
Venetian Red
- 00812E
≈ Pharmaceutical Green
- 3659E2
≈ Veteran’s Day Blue
분열 보색 +150° +210°
- C80815
Venetian Red
- 007C6A
≈ Mediaeval Forest
- 0073A4
≈ Quarterdeck
사각 배색 +90° +180° +270°
- C80815
Venetian Red
- 667300
≈ Topiary Green
- 007985
≈ Biscay Bay
- 7C40D2
≈ Purple Rain
대비 및 접근성
Ag
AA흰색 위
WCAG 5.99:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.50:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.99:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--venetian-red: #c80815;
--venetian-red-rgb: 200 8 21;
--venetian-red-oklch: oklch(0.526 0.211 27.4);
}
.element {
color: var(--venetian-red);
background-color: hsl(356 92% 41%);
border-color: oklch(0.526 0.211 27.4);
}Tailwind CSS v4
@theme {
--color-venetian-red: #c80815;
--color-venetian-red-50: #ffdfd2;
--color-venetian-red-100: #ffcdbf;
--color-venetian-red-200: #ffb09f;
--color-venetian-red-300: #ff8876;
--color-venetian-red-400: #ff5f54;
--color-venetian-red-500: #f3292a;
--color-venetian-red-600: #cd2725;
--color-venetian-red-700: #a5201e;
--color-venetian-red-800: #7b1417;
--color-venetian-red-900: #570d0f;
--color-venetian-red-950: #3a0003;
}SCSS
$venetian-red: #c80815;
$venetian-red-rgb: 200, 8, 21;
$venetian-red-light: mix(#fff, $venetian-red, 20%);
$venetian-red-dark: mix(#000, $venetian-red, 20%);
.element {
color: $venetian-red;
box-shadow: 0 0 0 2px rgba($venetian-red, 0.35);
}