이름 색상 · #B31A38
Vinho do Porto
Vinho do Porto은(는) #B31A38: rgb(179 26 56), hsl(348 75% 40%), oklch(0.497 0.184 18). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Vinho do Porto color name →
#B31A38
oklch(0.497 0.184 18)
색상 변환
- HEX
- #b31a38
- RGB
- rgb(179 26 56)
- HSL
- hsl(348 75% 40%)
- HWB
- hwb(348 10% 30%)
- OKLCH
- oklch(0.497 0.184 18)
- OKLab
- oklab(0.497 0.175 0.057)
- CIE Lab
- lab(39.6 59.36 25.76)
- LCH
- lch(39.6 64.71 23.5)
- CMYK
- cmyk(0% 85% 69% 30%)
틴트 · 셰이드 · 톤
틴트
- BE3B4B
- C8545D
- D16B70
- DA8084
- E29697
- E9ABAB
- F0C0C0
- F6D5D5
- FBEAEA
셰이드
- 9B152F
- 841027
- 6E0C1F
- 580717
- 43040F
- 2F0208
- 1D0104
- 0C0001
- 010000
톤
- B02E40
- AC3B47
- A9474E
- A45155
- A05A5D
- 9B6264
- 956A6B
- 8F7272
- 887979
색 조화
보색 +180°
- B31A38
Vinho do Porto
- 007174
≈ Scaly Green
유사색 -30° +30°
- B31A38
Vinho do Porto
- A62174
≈ Fabric of Love
- 9D4400
≈ Oregon
삼각 배색 +120° +240°
- B31A38
Vinho do Porto
- 2D7500
≈ Gardens Sericourt
- 005CC8
≈ Dead Blue Eyes
분열 보색 +150° +210°
- B31A38
Vinho do Porto
- 007457
≈ Green Velvet
- 006C8D
≈ Copacabana
사각 배색 +90° +180° +270°
- B31A38
Vinho do Porto
- 696600
≈ Earthy Khaki Green
- 007174
≈ Scaly Green
- 6246C2
≈ Dragonlord Purple
대비 및 접근성
Ag
AA흰색 위
WCAG 6.72:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.12:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.72:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--vinho-do-porto: #b31a38;
--vinho-do-porto-rgb: 179 26 56;
--vinho-do-porto-oklch: oklch(0.497 0.184 18);
}
.element {
color: var(--vinho-do-porto);
background-color: hsl(348 75% 40%);
border-color: oklch(0.497 0.184 18);
}Tailwind CSS v4
@theme {
--color-vinho-do-porto: #b31a38;
--color-vinho-do-porto-50: #ffe1df;
--color-vinho-do-porto-100: #ffd0ce;
--color-vinho-do-porto-200: #ffb4b4;
--color-vinho-do-porto-300: #ff8e90;
--color-vinho-do-porto-400: #f86974;
--color-vinho-do-porto-500: #e63f56;
--color-vinho-do-porto-600: #c23749;
--color-vinho-do-porto-700: #9c2c3a;
--color-vinho-do-porto-800: #751e2c;
--color-vinho-do-porto-900: #52141d;
--color-vinho-do-porto-950: #37040e;
}SCSS
$vinho-do-porto: #b31a38;
$vinho-do-porto-rgb: 179, 26, 56;
$vinho-do-porto-light: mix(#fff, $vinho-do-porto, 20%);
$vinho-do-porto-dark: mix(#000, $vinho-do-porto, 20%);
.element {
color: $vinho-do-porto;
box-shadow: 0 0 0 2px rgba($vinho-do-porto, 0.35);
}