Couleur nommée · #C16104
Crema
Crema correspond à #C16104 : rgb(193 97 4), hsl(30 96% 39%), oklch(0.596 0.149 53.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Crema color name →
#C16104
oklch(0.596 0.149 53.6)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- C97131
- D0824C
- D79164
- DEA17A
- E4B190
- EAC0A6
- F0D0BC
- F5E0D2
- FAEFE9
Ombres
- A75303
- 8F4602
- 773901
- 5F2D01
- 492101
- 341500
- 200B00
- 0E0300
- 020000
Tons
- BB6523
- B56933
- AF6D40
- A9704B
- A37355
- 9D765E
- 967967
- 8F7C70
- 887E78
Harmonies de couleurs
Complémentaire +180°
- C16104
Crema
- 008ABD
≈ Mermaid Dreams
Analogue -30° +30°
- C16104
Crema
- C95453
≈ Chinese Dragon
- A27700
≈ Nataneyu Gold
Triadique +120° +240°
- C16104
Crema
- 009579
≈ Pool Table
- 856ACE
≈ Lavish Spending
Complémentaire divisée +150° +210°
- C16104
Crema
- 00909A
≈ Splashy
- 507BD7
≈ Serenity’s Reign
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.21:1 · APCA Lc 69
Ag
AASur noir
WCAG 4.97:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 4.97:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
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);
}