Adlandırılmış renk · #B87243
Spice Cake
Spice Cake, #B87243: rgb(184 114 67), hsl(24 47% 49%), oklch(0.618 0.108 53.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Spice Cake color name →
#B87243
oklch(0.618 0.108 53.2)
Renk dönüşümleri
- HEX
- #b87243
- RGB
- rgb(184 114 67)
- HSL
- hsl(24 47% 49%)
- HWB
- hwb(24 26% 28%)
- OKLCH
- oklch(0.618 0.108 53.2)
- OKLab
- oklab(0.618 0.065 0.087)
- CIE Lab
- lab(55.14 25.18 37.77)
- LCH
- lch(55.14 45.39 56.3)
- CMYK
- cmyk(0% 38% 64% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C08056
- C88E69
- CF9C7C
- D6AA8E
- DEB8A1
- E5C6B3
- EBD4C6
- F2E2D9
- F9F1EC
Koyu tonlar
- A06239
- 88532F
- 714426
- 5B361D
- 452814
- 311B0C
- 1E0E05
- 0C0401
- 020100
Gri tonlar
- B3744B
- AE7652
- A87758
- A3795F
- 9D7A65
- 987C6A
- 927D70
- 8C7E75
- 867F7B
Renk uyumları
Tamamlayıcı +180°
- B87243
Spice Cake
- 3390BC
≈ Christmas Blue
Analog -30° +30°
- B87243
Spice Cake
- BE6A66
≈ Tapestry Red
- A57F2D
≈ Burnt Honey
Üçlü +120° +240°
- B87243
Spice Cake
- 269A80
≈ Green Jelly
- 8878C1
≈ Ube
Bölünmüş tamamlayıcı +150° +210°
- B87243
Spice Cake
- 0098A2
≈ Riviera Paradise
- 6384C7
≈ Livid
Dörtlü +90° +180° +270°
- B87243
Spice Cake
- 5C9659
≈ Wildness Mint
- 3390BC
≈ Christmas Blue
- A56EAB
≈ Violet Femmes
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.80:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.52:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--spice-cake: #b87243;
--spice-cake-rgb: 184 114 67;
--spice-cake-oklch: oklch(0.618 0.108 53.2);
}
.element {
color: var(--spice-cake);
background-color: hsl(24 47% 49%);
border-color: oklch(0.618 0.108 53.2);
}Tailwind CSS v4
@theme {
--color-spice-cake: #b87243;
--color-spice-cake-50: #ffeed8;
--color-spice-cake-100: #ffdfc6;
--color-spice-cake-200: #fac9a8;
--color-spice-cake-300: #e3a982;
--color-spice-cake-400: #d18c60;
--color-spice-cake-500: #bd703b;
--color-spice-cake-600: #a05f33;
--color-spice-cake-700: #804c28;
--color-spice-cake-800: #60361d;
--color-spice-cake-900: #432513;
--color-spice-cake-950: #2b1405;
}SCSS
$spice-cake: #b87243;
$spice-cake-rgb: 184, 114, 67;
$spice-cake-light: mix(#fff, $spice-cake, 20%);
$spice-cake-dark: mix(#000, $spice-cake, 20%);
.element {
color: $spice-cake;
box-shadow: 0 0 0 2px rgba($spice-cake, 0.35);
}