Color con nombre · #D49F4E
Saffron Robe
Saffron Robe es #D49F4E: rgb(212 159 78), hsl(36 61% 57%), oklch(0.737 0.117 75.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Saffron Robe color name →
#D49F4E
oklch(0.737 0.117 75.7)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- D9A962
- DDB275
- E2BC87
- E6C698
- EACFAA
- EFD9BB
- F3E2CC
- F7ECDD
- FBF5EE
Sombras
- B88A43
- 9D7538
- 83612D
- 694D23
- 513B19
- 3A290F
- 241807
- 100902
- 020100
Tonos
- CC9C56
- C3995C
- BB9662
- B29368
- AA906D
- A18D71
- 998A75
- 918779
- 88837D
Armonías de color
Complementario +180°
- D49F4E
Saffron Robe
- 77ACF2
≈ Fennel Flower
Análogo -30° +30°
- D49F4E
Saffron Robe
- E6926A
≈ Peachy Maroney
- B4AE50
≈ Dill Green
Triádico +120° +240°
- D49F4E
Saffron Robe
- 2EC0C1
≈ Maximum Blue Green
- C693DC
≈ Bright Lavender
Complementario dividido +150° +210°
- D49F4E
Saffron Robe
- 47B9E2
≈ Lake Thun
- A39FF0
≈ Cold Lips
Tetrádico +90° +180° +270°
- D49F4E
Saffron Robe
- 56C199
≈ New Meadow
- 77ACF2
≈ Fennel Flower
- DE8BBA
≈ Tempting Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.36:1 · APCA Lc 47
Ag
AAASobre negro
WCAG 8.86:1 · APCA Lc 56
Mejor color de texto: #000000
WCAG 8.86:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmentos de código
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);
}