Benannte Farbe · #C39B6A
Taffy
Taffy ist #C39B6A: rgb(195 155 106), hsl(33 43% 59%), oklch(0.715 0.081 71.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Taffy color name →
#C39B6A
oklch(0.715 0.081 71.6)
Farbumrechnungen
- HEX
- #c39b6a
- RGB
- rgb(195 155 106)
- HSL
- hsl(33 43% 59%)
- HWB
- hwb(33 42% 24%)
- OKLCH
- oklch(0.715 0.081 71.6)
- OKLab
- oklab(0.715 0.025 0.077)
- CIE Lab
- lab(66.91 10.75 31.61)
- LCH
- lch(66.91 33.39 71.2)
- CMYK
- cmyk(0% 21% 46% 24%)
Tints · Shades · Tones
Tints
- C9A579
- CFAF88
- D5B997
- DBC3A5
- E1CCB4
- E7D6C3
- EDE1D2
- F3EBE1
- F9F5F0
Shades
- A9865B
- 90724D
- 785E3F
- 604B31
- 4A3924
- 342818
- 20180D
- 0E0904
- 020100
Tones
- BC986D
- B69670
- AF9372
- A89175
- A18E77
- 9B8B79
- 94887B
- 8D867D
- 87837E
Farbharmonien
Komplementär +180°
- C39B6A
Taffy
- 7EA7D5
≈ High Seas
Analog -30° +30°
- C39B6A
Taffy
- CF937C
≈ Tint of Earth
- ADA569
≈ Wavy Glass
Triadisch +120° +240°
- C39B6A
Taffy
- 61B3B0
≈ Artesian Well
- B495C8
≈ Cut Velvet
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.55:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.21:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.21:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--taffy: #c39b6a;
--taffy-rgb: 195 155 106;
--taffy-oklch: oklch(0.715 0.081 71.6);
}
.element {
color: var(--taffy);
background-color: hsl(33 43% 59%);
border-color: oklch(0.715 0.081 71.6);
}Tailwind CSS v4
@theme {
--color-taffy: #c39b6a;
--color-taffy-50: #fff2dc;
--color-taffy-100: #f9e4cb;
--color-taffy-200: #ead0af;
--color-taffy-300: #d1b28a;
--color-taffy-400: #bd9769;
--color-taffy-500: #a87d47;
--color-taffy-600: #8e6a3d;
--color-taffy-700: #725530;
--color-taffy-800: #543d22;
--color-taffy-900: #3b2a16;
--color-taffy-950: #251808;
}SCSS
$taffy: #c39b6a;
$taffy-rgb: 195, 155, 106;
$taffy-light: mix(#fff, $taffy, 20%);
$taffy-dark: mix(#000, $taffy, 20%);
.element {
color: $taffy;
box-shadow: 0 0 0 2px rgba($taffy, 0.35);
}