Nazwany kolor · #E34234
Carpaccio
Carpaccio to #E34234: rgb(227 66 52), hsl(5 76% 55%), oklch(0.613 0.2 29.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Carpaccio color name →
#E34234
oklch(0.613 0.2 29.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E95A4A
- EE6F5F
- F28273
- F69587
- FAA79A
- FCB9AE
- FECBC2
- FFDCD6
- FFEEEB
Odcienie ciemniejsze
- C5382C
- A82F24
- 8C251C
- 711C15
- 57140E
- 3F0B07
- 270503
- 120101
- 030000
Tony
- DA4D3E
- D25647
- C95D50
- C06457
- B66A5F
- AC6F66
- A2746D
- 987873
- 8C7C7A
Harmonie kolorów
Komplementarna +180°
- E34234
Carpaccio
- 0095A6
≈ Tile Blue
Analogowa -30° +30°
- E34234
Carpaccio
- DB3E81
≈ Pickled Pink
- C26A00
≈ Hawaiian Sunset
Triada +120° +240°
- E34234
Carpaccio
- 009F44
≈ Link Green
- 5576FA
≈ Blue Öyster Cult
Komplementarna rozszczepiona +150° +210°
- E34234
Carpaccio
- 009985
≈ Plumage
- 008DCD
≈ Zürich Blue
Tetrada +90° +180° +270°
- E34234
Carpaccio
- 7B8F00
≈ Canopy
- 0095A6
≈ Tile Blue
- 975FE9
≈ Forgotten Kyawthuite
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.12:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.09:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.09:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
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);
}