Benoemde kleur · #FFBF6E
Cinnamon Buff
Cinnamon Buff is #FFBF6E: rgb(255 191 110), hsl(34 100% 72%), oklch(0.847 0.123 71.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Cinnamon Buff color name →
#FFBF6E
oklch(0.847 0.123 71.4)
Kleurconversies
- HEX
- #ffbf6e
- RGB
- rgb(255 191 110)
- HSL
- hsl(34 100% 72%)
- HWB
- hwb(34 43% 0%)
- OKLCH
- oklch(0.847 0.123 71.4)
- OKLab
- oklab(0.847 0.039 0.116)
- CIE Lab
- lab(82.13 17.44 49.73)
- LCH
- lch(82.13 52.7 70.7)
- CMYK
- cmyk(0% 25% 57% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFC67E
- FFCC8E
- FFD39D
- FFD9AB
- FFE0BA
- FFE6C8
- FFECD6
- FFF3E4
- FFF9F1
Schaduwen
- DEA65F
- BE8D50
- 9E7541
- 805E33
- 634826
- 483319
- 2E1F0E
- 160D04
- 030201
Tonen
- F2B972
- E5B375
- D8AC77
- CBA67A
- BEA07C
- B2997D
- A5937E
- 998D7F
- 8C8680
Kleurharmonieën
Complementair +180°
- FFBF6E
Cinnamon Buff
- A8D1FF
≈ Baby Blue
Analoog -30° +30°
- FFBF6E
Cinnamon Buff
- FFBAA1
≈ Pallid Orange
- DECF6B
≈ Gluten
Triadisch +120° +240°
- FFBF6E
Cinnamon Buff
- 55E6E0
≈ Near Moon
- E3BAFF
≈ Lavender Fragrance
Gesplitst complementair +150° +210°
- FFBF6E
Cinnamon Buff
- 73DDFF
≈ Athena Blue
- C4C8FF
≈ Light Periwinkle
Tetradisch +90° +180° +270°
- FFBF6E
Cinnamon Buff
- 7CE6B3
≈ Jittery Jade
- A8D1FF
≈ Baby Blue
- FFB0E2
≈ Hot Aquarelle Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.62:1 · APCA Lc 28
Ag
AAAOp zwart
WCAG 12.92:1 · APCA Lc 75
Beste tekstkleur: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
Codefragmenten
CSS
:root {
--cinnamon-buff: #ffbf6e;
--cinnamon-buff-rgb: 255 191 110;
--cinnamon-buff-oklch: oklch(0.847 0.123 71.4);
}
.element {
color: var(--cinnamon-buff);
background-color: hsl(34 100% 72%);
border-color: oklch(0.847 0.123 71.4);
}Tailwind CSS v4
@theme {
--color-cinnamon-buff: #ffbf6e;
--color-cinnamon-buff-50: #fff1cf;
--color-cinnamon-buff-100: #ffe2bb;
--color-cinnamon-buff-200: #f5cd9a;
--color-cinnamon-buff-300: #deae6e;
--color-cinnamon-buff-400: #cb9144;
--color-cinnamon-buff-500: #b87600;
--color-cinnamon-buff-600: #9b6405;
--color-cinnamon-buff-700: #7d5007;
--color-cinnamon-buff-800: #5d3904;
--color-cinnamon-buff-900: #412704;
--color-cinnamon-buff-950: #2a1500;
}SCSS
$cinnamon-buff: #ffbf6e;
$cinnamon-buff-rgb: 255, 191, 110;
$cinnamon-buff-light: mix(#fff, $cinnamon-buff, 20%);
$cinnamon-buff-dark: mix(#000, $cinnamon-buff, 20%);
.element {
color: $cinnamon-buff;
box-shadow: 0 0 0 2px rgba($cinnamon-buff, 0.35);
}