Colore con nome · #C16104
Crema
Crema è #C16104: rgb(193 97 4), hsl(30 96% 39%), oklch(0.596 0.149 53.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Crema color name →
#C16104
oklch(0.596 0.149 53.6)
Conversioni di colore
- HEX
- #c16104
- RGB
- rgb(193 97 4)
- HSL
- hsl(30 96% 39%)
- HWB
- hwb(30 2% 24%)
- OKLCH
- oklch(0.596 0.149 53.6)
- OKLab
- oklab(0.596 0.088 0.12)
- CIE Lab
- lab(52.33 36.06 60.03)
- LCH
- lch(52.33 70.03 59)
- CMYK
- cmyk(0% 50% 98% 24%)
Tinte · Ombre · Toni
Tinte
- C97131
- D0824C
- D79164
- DEA17A
- E4B190
- EAC0A6
- F0D0BC
- F5E0D2
- FAEFE9
Ombre
- A75303
- 8F4602
- 773901
- 5F2D01
- 492101
- 341500
- 200B00
- 0E0300
- 020000
Toni
- BB6523
- B56933
- AF6D40
- A9704B
- A37355
- 9D765E
- 967967
- 8F7C70
- 887E78
Armonie di colore
Complementare +180°
- C16104
Crema
- 008ABD
≈ Mermaid Dreams
Analogo -30° +30°
- C16104
Crema
- C95453
≈ Chinese Dragon
- A27700
≈ Nataneyu Gold
Triadico +120° +240°
- C16104
Crema
- 009579
≈ Pool Table
- 856ACE
≈ Lavish Spending
Complementare divisa +150° +210°
- C16104
Crema
- 00909A
≈ Splashy
- 507BD7
≈ Serenity’s Reign
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.21:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.97:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.97:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--crema: #c16104;
--crema-rgb: 193 97 4;
--crema-oklch: oklch(0.596 0.149 53.6);
}
.element {
color: var(--crema);
background-color: hsl(30 96% 39%);
border-color: oklch(0.596 0.149 53.6);
}Tailwind CSS v4
@theme {
--color-crema: #c16104;
--color-crema-50: #ffebcd;
--color-crema-100: #ffdcb9;
--color-crema-200: #ffc496;
--color-crema-300: #f2a26a;
--color-crema-400: #e1833f;
--color-crema-500: #cf6400;
--color-crema-600: #af5500;
--color-crema-700: #8c4400;
--color-crema-800: #693002;
--color-crema-900: #4a2102;
--color-crema-950: #300f00;
}SCSS
$crema: #c16104;
$crema-rgb: 193, 97, 4;
$crema-light: mix(#fff, $crema, 20%);
$crema-dark: mix(#000, $crema, 20%);
.element {
color: $crema;
box-shadow: 0 0 0 2px rgba($crema, 0.35);
}