Benannte Farbe · #C39F87
Sweetwood
Sweetwood ist #C39F87: rgb(195 159 135), hsl(24 33% 65%), oklch(0.729 0.054 55.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sweetwood color name →
#C39F87
oklch(0.729 0.054 55.4)
Farbumrechnungen
- HEX
- #c39f87
- RGB
- rgb(195 159 135)
- HSL
- hsl(24 33% 65%)
- HWB
- hwb(24 53% 24%)
- OKLCH
- oklch(0.729 0.054 55.4)
- OKLab
- oklab(0.729 0.031 0.045)
- CIE Lab
- lab(68.36 11.17 17.85)
- LCH
- lch(68.36 21.06 58)
- CMYK
- cmyk(0% 18% 31% 24%)
Tints · Shades · Tones
Tints
- C9A893
- CFB29E
- D5BBAA
- DBC5B6
- E1CEC2
- E7D8CE
- EDE2DA
- F3EBE6
- F9F5F3
Shades
- A98A75
- 907563
- 786151
- 604D41
- 4A3B31
- 342921
- 201813
- 0E0906
- 020101
Tones
- BC9C86
- B59986
- AF9685
- A89385
- A19084
- 9B8C83
- 948982
- 8D8682
- 878381
Farbharmonien
Komplementär +180°
- C39F87
Sweetwood
- 87ADC5
≈ Chilly Blue
Analog -30° +30°
- C39F87
Sweetwood
- C89B96
≈ Pepperberry
- B7A581
≈ Tarnished Treasure
Triadisch +120° +240°
- C39F87
Sweetwood
- 83B3A6
≈ Le Max
- AAA1C7
≈ Evening Slipper
Geteilt komplementär +150° +210°
- C39F87
Sweetwood
- 7FB2B8
≈ Flotation
- 97A7CB
≈ Sapphire Fog
Tetradisch +90° +180° +270°
- C39F87
Sweetwood
- 92B193
≈ Mint Stone
- 87ADC5
≈ Chilly Blue
- BA9CBA
≈ Tuileries Tint
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.43:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.62:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.62:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--sweetwood: #c39f87;
--sweetwood-rgb: 195 159 135;
--sweetwood-oklch: oklch(0.729 0.054 55.4);
}
.element {
color: var(--sweetwood);
background-color: hsl(24 33% 65%);
border-color: oklch(0.729 0.054 55.4);
}Tailwind CSS v4
@theme {
--color-sweetwood: #c39f87;
--color-sweetwood-50: #fff2e6;
--color-sweetwood-100: #f7e4d7;
--color-sweetwood-200: #e7cfbe;
--color-sweetwood-300: #ceb19d;
--color-sweetwood-400: #b89780;
--color-sweetwood-500: #a37d63;
--color-sweetwood-600: #8a6a54;
--color-sweetwood-700: #6e5543;
--color-sweetwood-800: #523d31;
--color-sweetwood-900: #392a21;
--color-sweetwood-950: #231810;
}SCSS
$sweetwood: #c39f87;
$sweetwood-rgb: 195, 159, 135;
$sweetwood-light: mix(#fff, $sweetwood, 20%);
$sweetwood-dark: mix(#000, $sweetwood, 20%);
.element {
color: $sweetwood;
box-shadow: 0 0 0 2px rgba($sweetwood, 0.35);
}