Benoemde kleur · #D49F4E
Saffron Robe
Saffron Robe is #D49F4E: rgb(212 159 78), hsl(36 61% 57%), oklch(0.737 0.117 75.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Saffron Robe color name →
#D49F4E
oklch(0.737 0.117 75.7)
Kleurconversies
- HEX
- #d49f4e
- RGB
- rgb(212 159 78)
- HSL
- hsl(36 61% 57%)
- HWB
- hwb(36 31% 17%)
- OKLCH
- oklch(0.737 0.117 75.7)
- OKLab
- oklab(0.737 0.029 0.113)
- CIE Lab
- lab(69.44 14.15 49.27)
- LCH
- lch(69.44 51.26 74)
- CMYK
- cmyk(0% 25% 63% 17%)
Tinten · Schaduwen · Tonen
Tinten
- D9A962
- DDB275
- E2BC87
- E6C698
- EACFAA
- EFD9BB
- F3E2CC
- F7ECDD
- FBF5EE
Schaduwen
- B88A43
- 9D7538
- 83612D
- 694D23
- 513B19
- 3A290F
- 241807
- 100902
- 020100
Tonen
- CC9C56
- C3995C
- BB9662
- B29368
- AA906D
- A18D71
- 998A75
- 918779
- 88837D
Kleurharmonieën
Complementair +180°
- D49F4E
Saffron Robe
- 77ACF2
≈ Fennel Flower
Analoog -30° +30°
- D49F4E
Saffron Robe
- E6926A
≈ Peachy Maroney
- B4AE50
≈ Dill Green
Triadisch +120° +240°
- D49F4E
Saffron Robe
- 2EC0C1
≈ Maximum Blue Green
- C693DC
≈ Bright Lavender
Gesplitst complementair +150° +210°
- D49F4E
Saffron Robe
- 47B9E2
≈ Lake Thun
- A39FF0
≈ Cold Lips
Tetradisch +90° +180° +270°
- D49F4E
Saffron Robe
- 56C199
≈ New Meadow
- 77ACF2
≈ Fennel Flower
- DE8BBA
≈ Tempting Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.36:1 · APCA Lc 47
Ag
AAAOp zwart
WCAG 8.86:1 · APCA Lc 56
Beste tekstkleur: #000000
WCAG 8.86:1 (AAA) · APCA Lc 56
Contrast pairs
Codefragmenten
CSS
:root {
--saffron-robe: #d49f4e;
--saffron-robe-rgb: 212 159 78;
--saffron-robe-oklch: oklch(0.737 0.117 75.7);
}
.element {
color: var(--saffron-robe);
background-color: hsl(36 61% 57%);
border-color: oklch(0.737 0.117 75.7);
}Tailwind CSS v4
@theme {
--color-saffron-robe: #d49f4e;
--color-saffron-robe-50: #fff2d1;
--color-saffron-robe-100: #fee4bd;
--color-saffron-robe-200: #f0cf9c;
--color-saffron-robe-300: #d9b071;
--color-saffron-robe-400: #c69448;
--color-saffron-robe-500: #b27909;
--color-saffron-robe-600: #966710;
--color-saffron-robe-700: #79520e;
--color-saffron-robe-800: #5a3b08;
--color-saffron-robe-900: #3f2905;
--color-saffron-robe-950: #281600;
}SCSS
$saffron-robe: #d49f4e;
$saffron-robe-rgb: 212, 159, 78;
$saffron-robe-light: mix(#fff, $saffron-robe, 20%);
$saffron-robe-dark: mix(#000, $saffron-robe, 20%);
.element {
color: $saffron-robe;
box-shadow: 0 0 0 2px rgba($saffron-robe, 0.35);
}