Benannte Farbe · #D39952
Saffron Strands
Saffron Strands ist #D39952: rgb(211 153 82), hsl(33 59% 57%), oklch(0.725 0.112 70). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Saffron Strands color name →
#D39952
oklch(0.725 0.112 70)
Farbumrechnungen
- HEX
- #d39952
- RGB
- rgb(211 153 82)
- HSL
- hsl(33 59% 57%)
- HWB
- hwb(33 32% 17%)
- OKLCH
- oklch(0.725 0.112 70)
- OKLab
- oklab(0.725 0.038 0.105)
- CIE Lab
- lab(67.9 17 45.6)
- LCH
- lch(67.9 48.67 69.6)
- CMYK
- cmyk(0% 27% 61% 17%)
Tints · Shades · Tones
Tints
- D8A365
- DDAD77
- E1B888
- E6C29A
- EACCAB
- EFD6BB
- F3E0CC
- F7EBDD
- FBF5EE
Shades
- B78446
- 9C703B
- 825D2F
- 694A25
- 51381A
- 3A2711
- 241708
- 100802
- 020100
Tones
- CB9759
- C2955F
- BA9264
- B29069
- AA8D6E
- A18B72
- 998876
- 918679
- 88837D
Farbharmonien
Komplementär +180°
- D39952
Saffron Strands
- 6DABEA
≈ Blue Jeans
Analog -30° +30°
- D39952
Saffron Strands
- E28D6F
≈ Middle Red
- B7A84E
≈ Forest Tent
Triadisch +120° +240°
- D39952
Saffron Strands
- 36BCB6
≈ Magnetic Magic
- BC92DB
≈ Lenurple
Geteilt komplementär +150° +210°
- D39952
Saffron Strands
- 41B6D7
≈ Aztec Sky
- 989EEB
≈ Cold Lips
Tetradisch +90° +180° +270°
- D39952
Saffron Strands
- 60BC8E
≈ Techno Turquoise
- 6DABEA
≈ Blue Jeans
- D58ABC
≈ Cyclamen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.48:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.44:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.44:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--saffron-strands: #d39952;
--saffron-strands-rgb: 211 153 82;
--saffron-strands-oklch: oklch(0.725 0.112 70);
}
.element {
color: var(--saffron-strands);
background-color: hsl(33 59% 57%);
border-color: oklch(0.725 0.112 70);
}Tailwind CSS v4
@theme {
--color-saffron-strands: #d39952;
--color-saffron-strands-50: #fff1d3;
--color-saffron-strands-100: #ffe3c0;
--color-saffron-strands-200: #f3cda0;
--color-saffron-strands-300: #dbae76;
--color-saffron-strands-400: #c99250;
--color-saffron-strands-500: #b5771f;
--color-saffron-strands-600: #99651e;
--color-saffron-strands-700: #7b5118;
--color-saffron-strands-800: #5c3a10;
--color-saffron-strands-900: #40280a;
--color-saffron-strands-950: #291600;
}SCSS
$saffron-strands: #d39952;
$saffron-strands-rgb: 211, 153, 82;
$saffron-strands-light: mix(#fff, $saffron-strands, 20%);
$saffron-strands-dark: mix(#000, $saffron-strands, 20%);
.element {
color: $saffron-strands;
box-shadow: 0 0 0 2px rgba($saffron-strands, 0.35);
}