Cor nomeada · #FDD47E
Soft Saffron
Soft Saffron é #FDD47E: rgb(253 212 126), hsl(41 97% 74%), oklch(0.887 0.114 84.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Soft Saffron color name →
#FDD47E
oklch(0.887 0.114 84.6)
Conversões de cor
- HEX
- #fdd47e
- RGB
- rgb(253 212 126)
- HSL
- hsl(41 97% 74%)
- HWB
- hwb(41 49% 1%)
- OKLCH
- oklch(0.887 0.114 84.6)
- OKLab
- oklab(0.887 0.011 0.114)
- CIE Lab
- lab(87.15 7.24 47.85)
- LCH
- lch(87.15 48.4 81.4)
- CMYK
- cmyk(0% 16% 50% 1%)
Tons claros · Sombras · Tons
Tons claros
- FDD98C
- FEDD9A
- FEE1A8
- FEE6B5
- FEEAC1
- FFEECE
- FFF3DA
- FFF7E7
- FFFBF3
Sombras
- DCB86D
- BC9D5C
- 9D834C
- 7F693C
- 62512D
- 473A1F
- 2D2411
- 161005
- 030201
Tons
- F0CB80
- E3C381
- D6BA82
- C9B283
- BDAA83
- B0A183
- A49982
- 989182
- 8C8881
Harmonias de cor
Complementar +180°
- FDD47E
Soft Saffron
- C8DAFF
≈ Arc Light
Análoga -30° +30°
- FDD47E
Soft Saffron
- FFCEAF
≈ Blushing Cherub
- D8E389
≈ Sassy Lime
Tríade +120° +240°
- FDD47E
Soft Saffron
- 70F0FD
≈ Robin’s Egg
- FCC3FF
≈ Electric Lavender
Complementar dividida +150° +210°
- FDD47E
Soft Saffron
- B0E2FF
≈ Frozen Landscape
- DCD3FF
≈ Pale Lavender
Tétrade +90° +180° +270°
- FDD47E
Soft Saffron
- 7FF3D5
≈ Tiffany Blue
- C8DAFF
≈ Arc Light
- FFC8DC
≈ Cherry Blush
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.40:1 · APCA Lc 20
Ag
AAASobre preto
WCAG 14.89:1 · APCA Lc 84
Melhor cor de texto: #000000
WCAG 14.89:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--soft-saffron: #fdd47e;
--soft-saffron-rgb: 253 212 126;
--soft-saffron-oklch: oklch(0.887 0.114 84.6);
}
.element {
color: var(--soft-saffron);
background-color: hsl(41 97% 74%);
border-color: oklch(0.887 0.114 84.6);
}Tailwind CSS v4
@theme {
--color-soft-saffron: #fdd47e;
--color-soft-saffron-50: #fff4d1;
--color-soft-saffron-100: #f9e6bd;
--color-soft-saffron-200: #ead29c;
--color-soft-saffron-300: #d1b471;
--color-soft-saffron-400: #be9948;
--color-soft-saffron-500: #a97f05;
--color-soft-saffron-600: #8f6b0e;
--color-soft-saffron-700: #73560c;
--color-soft-saffron-800: #563e06;
--color-soft-saffron-900: #3c2b05;
--color-soft-saffron-950: #251800;
}SCSS
$soft-saffron: #fdd47e;
$soft-saffron-rgb: 253, 212, 126;
$soft-saffron-light: mix(#fff, $soft-saffron, 20%);
$soft-saffron-dark: mix(#000, $soft-saffron, 20%);
.element {
color: $soft-saffron;
box-shadow: 0 0 0 2px rgba($soft-saffron, 0.35);
}