이름 색상 · #E34234
Carpaccio
Carpaccio은(는) #E34234: rgb(227 66 52), hsl(5 76% 55%), oklch(0.613 0.2 29.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Carpaccio color name →
#E34234
oklch(0.613 0.2 29.1)
색상 변환
- HEX
- #e34234
- RGB
- rgb(227 66 52)
- HSL
- hsl(5 76% 55%)
- HWB
- hwb(5 20% 11%)
- OKLCH
- oklch(0.613 0.2 29.1)
- OKLab
- oklab(0.613 0.175 0.097)
- CIE Lab
- lab(53.17 62.15 46.03)
- LCH
- lch(53.17 77.34 36.5)
- CMYK
- cmyk(0% 71% 77% 11%)
틴트 · 셰이드 · 톤
틴트
- E95A4A
- EE6F5F
- F28273
- F69587
- FAA79A
- FCB9AE
- FECBC2
- FFDCD6
- FFEEEB
셰이드
- C5382C
- A82F24
- 8C251C
- 711C15
- 57140E
- 3F0B07
- 270503
- 120101
- 030000
톤
- DA4D3E
- D25647
- C95D50
- C06457
- B66A5F
- AC6F66
- A2746D
- 987873
- 8C7C7A
색 조화
보색 +180°
- E34234
Carpaccio
- 0095A6
≈ Tile Blue
유사색 -30° +30°
- E34234
Carpaccio
- DB3E81
≈ Pickled Pink
- C26A00
≈ Hawaiian Sunset
삼각 배색 +120° +240°
- E34234
Carpaccio
- 009F44
≈ Link Green
- 5576FA
≈ Blue Öyster Cult
분열 보색 +150° +210°
- E34234
Carpaccio
- 009985
≈ Plumage
- 008DCD
≈ Zürich Blue
사각 배색 +90° +180° +270°
- E34234
Carpaccio
- 7B8F00
≈ Canopy
- 0095A6
≈ Tile Blue
- 975FE9
≈ Forgotten Kyawthuite
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.12:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.09:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.09:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--carpaccio: #e34234;
--carpaccio-rgb: 227 66 52;
--carpaccio-oklch: oklch(0.613 0.2 29.1);
}
.element {
color: var(--carpaccio);
background-color: hsl(5 76% 55%);
border-color: oklch(0.613 0.2 29.1);
}Tailwind CSS v4
@theme {
--color-carpaccio: #e34234;
--color-carpaccio-50: #ffe1d2;
--color-carpaccio-100: #ffcfbf;
--color-carpaccio-200: #ffb39f;
--color-carpaccio-300: #ff8c76;
--color-carpaccio-400: #fe6554;
--color-carpaccio-500: #ed372a;
--color-carpaccio-600: #c93125;
--color-carpaccio-700: #a1271e;
--color-carpaccio-800: #791a17;
--color-carpaccio-900: #55110f;
--color-carpaccio-950: #390203;
}SCSS
$carpaccio: #e34234;
$carpaccio-rgb: 227, 66, 52;
$carpaccio-light: mix(#fff, $carpaccio, 20%);
$carpaccio-dark: mix(#000, $carpaccio, 20%);
.element {
color: $carpaccio;
box-shadow: 0 0 0 2px rgba($carpaccio, 0.35);
}