Nazwany kolor · #C16104
Crema
Crema to #C16104: rgb(193 97 4), hsl(30 96% 39%), oklch(0.596 0.149 53.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Crema color name →
#C16104
oklch(0.596 0.149 53.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C97131
- D0824C
- D79164
- DEA17A
- E4B190
- EAC0A6
- F0D0BC
- F5E0D2
- FAEFE9
Odcienie ciemniejsze
- A75303
- 8F4602
- 773901
- 5F2D01
- 492101
- 341500
- 200B00
- 0E0300
- 020000
Tony
- BB6523
- B56933
- AF6D40
- A9704B
- A37355
- 9D765E
- 967967
- 8F7C70
- 887E78
Harmonie kolorów
Komplementarna +180°
- C16104
Crema
- 008ABD
≈ Mermaid Dreams
Analogowa -30° +30°
- C16104
Crema
- C95453
≈ Chinese Dragon
- A27700
≈ Nataneyu Gold
Triada +120° +240°
- C16104
Crema
- 009579
≈ Pool Table
- 856ACE
≈ Lavish Spending
Komplementarna rozszczepiona +150° +210°
- C16104
Crema
- 00909A
≈ Splashy
- 507BD7
≈ Serenity’s Reign
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.21:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.97:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.97:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
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);
}