Adlandırılmış renk · #C36C2D
Warm Cream Spirit
Warm Cream Spirit, #C36C2D: rgb(195 108 45), hsl(25 62% 47%), oklch(0.619 0.134 52.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Warm Cream Spirit color name →
#C36C2D
oklch(0.619 0.134 52.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CA7B46
- D18A5C
- D89871
- DEA785
- E4B699
- EAC4AD
- F0D3C1
- F5E1D6
- FAF0EA
Koyu tonlar
- A95D26
- 904E1F
- 784018
- 603211
- 4A250B
- 341906
- 200D02
- 0E0401
- 020000
Gri tonlar
- BD6F39
- B77144
- B0744D
- AA7655
- A3785D
- 9D7A65
- 967C6C
- 8F7D73
- 887F79
Renk uyumları
Tamamlayıcı +180°
- C36C2D
Warm Cream Spirit
- 0092C6
≈ Dynamic Blue
Analog -30° +30°
- C36C2D
Warm Cream Spirit
- CA615F
≈ Pinkadelic
- AB7D00
≈ Brown Butter
Üçlü +120° +240°
- C36C2D
Warm Cream Spirit
- 009D7F
≈ Tropical Kelp
- 8A75CF
≈ True V
Bölünmüş tamamlayıcı +150° +210°
- C36C2D
Warm Cream Spirit
- 0098A2
≈ Riviera Paradise
- 5A84D6
≈ Blue Jay
Dörtlü +90° +180° +270°
- C36C2D
Warm Cream Spirit
- 509A4D
≈ Wicked Witch
- 0092C6
≈ Dynamic Blue
- AC68B4
≈ Soft Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.81:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.50:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.50:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
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);
}