Benoemde kleur · #C36C2D
Warm Cream Spirit
Warm Cream Spirit is #C36C2D: rgb(195 108 45), hsl(25 62% 47%), oklch(0.619 0.134 52.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Warm Cream Spirit color name →
#C36C2D
oklch(0.619 0.134 52.9)
Kleurconversies
- HEX
- #c36c2d
- RGB
- rgb(195 108 45)
- HSL
- hsl(25 62% 47%)
- HWB
- hwb(25 18% 24%)
- OKLCH
- oklch(0.619 0.134 52.9)
- OKLab
- oklab(0.619 0.081 0.107)
- CIE Lab
- lab(55.13 32.03 49.16)
- LCH
- lch(55.13 58.68 56.9)
- CMYK
- cmyk(0% 45% 77% 24%)
Tinten · Schaduwen · Tonen
Tinten
- CA7B46
- D18A5C
- D89871
- DEA785
- E4B699
- EAC4AD
- F0D3C1
- F5E1D6
- FAF0EA
Schaduwen
- A95D26
- 904E1F
- 784018
- 603211
- 4A250B
- 341906
- 200D02
- 0E0401
- 020000
Tonen
- BD6F39
- B77144
- B0744D
- AA7655
- A3785D
- 9D7A65
- 967C6C
- 8F7D73
- 887F79
Kleurharmonieën
Complementair +180°
- C36C2D
Warm Cream Spirit
- 0092C6
≈ Dynamic Blue
Analoog -30° +30°
- C36C2D
Warm Cream Spirit
- CA615F
≈ Pinkadelic
- AB7D00
≈ Brown Butter
Triadisch +120° +240°
- C36C2D
Warm Cream Spirit
- 009D7F
≈ Tropical Kelp
- 8A75CF
≈ True V
Gesplitst complementair +150° +210°
- C36C2D
Warm Cream Spirit
- 0098A2
≈ Riviera Paradise
- 5A84D6
≈ Blue Jay
Tetradisch +90° +180° +270°
- C36C2D
Warm Cream Spirit
- 509A4D
≈ Wicked Witch
- 0092C6
≈ Dynamic Blue
- AC68B4
≈ Soft Purple
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.81:1 · APCA Lc 65
Ag
AAOp zwart
WCAG 5.50:1 · APCA Lc 36
Beste tekstkleur: #000000
WCAG 5.50:1 (AA) · APCA Lc 36
Contrast pairs
Codefragmenten
CSS
:root {
--warm-cream-spirit: #c36c2d;
--warm-cream-spirit-rgb: 195 108 45;
--warm-cream-spirit-oklch: oklch(0.619 0.134 52.9);
}
.element {
color: var(--warm-cream-spirit);
background-color: hsl(25 62% 47%);
border-color: oklch(0.619 0.134 52.9);
}Tailwind CSS v4
@theme {
--color-warm-cream-spirit: #c36c2d;
--color-warm-cream-spirit-50: #ffecd2;
--color-warm-cream-spirit-100: #ffddbe;
--color-warm-cream-spirit-200: #ffc69e;
--color-warm-cream-spirit-300: #eda574;
--color-warm-cream-spirit-400: #db864e;
--color-warm-cream-spirit-500: #c9681c;
--color-warm-cream-spirit-600: #a9591b;
--color-warm-cream-spirit-700: #884716;
--color-warm-cream-spirit-800: #66320f;
--color-warm-cream-spirit-900: #482209;
--color-warm-cream-spirit-950: #2e1100;
}SCSS
$warm-cream-spirit: #c36c2d;
$warm-cream-spirit-rgb: 195, 108, 45;
$warm-cream-spirit-light: mix(#fff, $warm-cream-spirit, 20%);
$warm-cream-spirit-dark: mix(#000, $warm-cream-spirit, 20%);
.element {
color: $warm-cream-spirit;
box-shadow: 0 0 0 2px rgba($warm-cream-spirit, 0.35);
}