Nazwany kolor · #885511
Caffeinated Cinnamon
Caffeinated Cinnamon to #885511: rgb(136 85 17), hsl(34 78% 30%), oklch(0.496 0.102 67.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Caffeinated Cinnamon color name →
#885511
oklch(0.496 0.102 67.3)
Konwersje koloru
- HEX
- #885511
- RGB
- rgb(136 85 17)
- HSL
- hsl(34 78% 30%)
- HWB
- hwb(34 7% 47%)
- OKLCH
- oklch(0.496 0.102 67.3)
- OKLab
- oklab(0.496 0.039 0.094)
- CIE Lab
- lab(41.25 17.96 44.7)
- LCH
- lch(41.25 48.18 68.1)
- CMYK
- cmyk(0% 38% 88% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 946530
- A07648
- AC865E
- B89775
- C4A88B
- D0B9A2
- DBCAB9
- E7DBD0
- F3EDE7
Odcienie ciemniejsze
- 75490D
- 633D09
- 523106
- 412604
- 311C02
- 221101
- 130800
- 060200
- 010000
Tony
- 885A23
- 875E30
- 87633C
- 866747
- 856C51
- 85705B
- 847464
- 83786D
- 817C77
Harmonie kolorów
Komplementarna +180°
- 885511
Caffeinated Cinnamon
- 2A6699
≈ Teeny Bikini
Analogowa -30° +30°
- 885511
Caffeinated Cinnamon
- 934B36
≈ Arabian Spice
- 726200
≈ Spicy Mustard
Triada +120° +240°
- 885511
Caffeinated Cinnamon
- 00726B
≈ Pharaoh’s Gem
- 72518F
≈ Pure Mauve
Komplementarna rozszczepiona +150° +210°
- 885511
Caffeinated Cinnamon
- 006E83
≈ Crystal Teal
- 545B9B
≈ Purple Frenzy
Tetrada +90° +180° +270°
- 885511
Caffeinated Cinnamon
- 21734A
≈ Felt
- 2A6699
≈ Teeny Bikini
- 864A77
≈ Thistle Mauve
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.26:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.35:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--caffeinated-cinnamon: #885511;
--caffeinated-cinnamon-rgb: 136 85 17;
--caffeinated-cinnamon-oklch: oklch(0.496 0.102 67.3);
}
.element {
color: var(--caffeinated-cinnamon);
background-color: hsl(34 78% 30%);
border-color: oklch(0.496 0.102 67.3);
}Tailwind CSS v4
@theme {
--color-caffeinated-cinnamon: #885511;
--color-caffeinated-cinnamon-50: #fff1d6;
--color-caffeinated-cinnamon-100: #ffe3c4;
--color-caffeinated-cinnamon-200: #f1cda5;
--color-caffeinated-cinnamon-300: #daae7e;
--color-caffeinated-cinnamon-400: #c7935a;
--color-caffeinated-cinnamon-500: #b37832;
--color-caffeinated-cinnamon-600: #97652c;
--color-caffeinated-cinnamon-700: #795123;
--color-caffeinated-cinnamon-800: #5a3a18;
--color-caffeinated-cinnamon-900: #3f280f;
--color-caffeinated-cinnamon-950: #281603;
}SCSS
$caffeinated-cinnamon: #885511;
$caffeinated-cinnamon-rgb: 136, 85, 17;
$caffeinated-cinnamon-light: mix(#fff, $caffeinated-cinnamon, 20%);
$caffeinated-cinnamon-dark: mix(#000, $caffeinated-cinnamon, 20%);
.element {
color: $caffeinated-cinnamon;
box-shadow: 0 0 0 2px rgba($caffeinated-cinnamon, 0.35);
}