Colore con nome · #CE5F38
Campfire
Campfire è #CE5F38: rgb(206 95 56), hsl(16 60% 51%), oklch(0.616 0.151 39.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Campfire color name →
#CE5F38
oklch(0.616 0.151 39.4)
Conversioni di colore
- HEX
- #ce5f38
- RGB
- rgb(206 95 56)
- HSL
- hsl(16 60% 51%)
- HWB
- hwb(16 22% 19%)
- OKLCH
- oklch(0.616 0.151 39.4)
- OKLab
- oklab(0.616 0.117 0.096)
- CIE Lab
- lab(54.21 43.12 43.59)
- LCH
- lch(54.21 61.31 45.3)
- CMYK
- cmyk(0% 54% 73% 19%)
Tinte · Ombre · Toni
Tinte
- D5704E
- DB8062
- E19175
- E7A089
- ECB09C
- F0C0B0
- F5D0C3
- F9DFD7
- FCEFEB
Ombre
- B3522F
- 984427
- 7F381F
- 662C17
- 4E200F
- 381508
- 230A04
- 0F0301
- 020000
Toni
- C76442
- C0684A
- B96C52
- B27059
- AA7360
- A27667
- 9A796E
- 927B74
- 897E7A
Armonie di colore
Complementare +180°
- CE5F38
Campfire
- 0094B2
≈ Munsell Blue
Analogo -30° +30°
- CE5F38
Campfire
- CE5871
≈ Rapture Rose
- B77400
≈ Sweet Mulled Cider
Triadico +120° +240°
- CE5F38
Campfire
- 009E66
≈ Surgeon
- 7478DD
≈ Kickstart Purple
Complementare divisa +150° +210°
- CE5F38
Campfire
- 009992
≈ Green Dynasty
- 2A89DB
≈ Blue Cola
Tetradico +90° +180° +270°
- CE5F38
Campfire
- 679520
≈ Limeade
- 0094B2
≈ Munsell Blue
- A068C8
≈ Amethyst
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.94:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.31:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--campfire: #ce5f38;
--campfire-rgb: 206 95 56;
--campfire-oklch: oklch(0.616 0.151 39.4);
}
.element {
color: var(--campfire);
background-color: hsl(16 60% 51%);
border-color: oklch(0.616 0.151 39.4);
}Tailwind CSS v4
@theme {
--color-campfire: #ce5f38;
--color-campfire-50: #ffe8d4;
--color-campfire-100: #ffd8c1;
--color-campfire-200: #ffbfa2;
--color-campfire-300: #f99c7a;
--color-campfire-400: #e87c57;
--color-campfire-500: #d65b2e;
--color-campfire-600: #b54e29;
--color-campfire-700: #913e20;
--color-campfire-800: #6c2b18;
--color-campfire-900: #4c1d0f;
--color-campfire-950: #320d03;
}SCSS
$campfire: #ce5f38;
$campfire-rgb: 206, 95, 56;
$campfire-light: mix(#fff, $campfire, 20%);
$campfire-dark: mix(#000, $campfire, 20%);
.element {
color: $campfire;
box-shadow: 0 0 0 2px rgba($campfire, 0.35);
}