Cor nomeada · #FFDD9D
Valley Flower
Valley Flower é #FFDD9D: rgb(255 221 157), hsl(39 100% 81%), oklch(0.911 0.089 82.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Valley Flower color name →
#FFDD9D
oklch(0.911 0.089 82.8)
Conversões de cor
- HEX
- #ffdd9d
- RGB
- rgb(255 221 157)
- HSL
- hsl(39 100% 81%)
- HWB
- hwb(39 62% 0%)
- OKLCH
- oklch(0.911 0.089 82.8)
- OKLab
- oklab(0.911 0.011 0.089)
- CIE Lab
- lab(89.92 5.87 36.03)
- LCH
- lch(89.92 36.5 80.7)
- CMYK
- cmyk(0% 13% 38% 0%)
Tons claros · Sombras · Tons
Tons claros
- FFE1A7
- FFE4B2
- FFE8BC
- FFEBC5
- FFEECF
- FFF2D9
- FFF5E2
- FFF8EC
- FFFCF6
Sombras
- DEC088
- BEA473
- 9E885F
- 806E4C
- 63553A
- 483D28
- 2E2618
- 161109
- 030201
Tons
- F2D39B
- E4CA98
- D7C096
- CAB793
- BEAE90
- B1A48D
- A59B8A
- 989287
- 8C8983
Harmonias de cor
Complementar +180°
- FFDD9D
Valley Flower
- D3E2FF
≈ Contrail
Análoga -30° +30°
- FFDD9D
Valley Flower
- FFD9C2
≈ Friendship
- E2E9A3
≈ Hip Hop
Tríade +120° +240°
- FFDD9D
Valley Flower
- 97F4FC
≈ Waterspout
- FAD2FF
≈ Pink Diamond
Complementar dividida +150° +210°
- FFDD9D
Valley Flower
- C1E9FF
≈ Blue Java Banana
- E2DDFF
≈ Contrail
Tétrade +90° +180° +270°
- FFDD9D
Valley Flower
- A2F6DC
≈ Mintie
- D3E2FF
≈ Contrail
- FFD4E5
≈ Poplar Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.08:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.08:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--valley-flower: #ffdd9d;
--valley-flower-rgb: 255 221 157;
--valley-flower-oklch: oklch(0.911 0.089 82.8);
}
.element {
color: var(--valley-flower);
background-color: hsl(39 100% 81%);
border-color: oklch(0.911 0.089 82.8);
}Tailwind CSS v4
@theme {
--color-valley-flower: #ffdd9d;
--color-valley-flower-50: #fff4d9;
--color-valley-flower-100: #f6e6c7;
--color-valley-flower-200: #e6d2a9;
--color-valley-flower-300: #cdb483;
--color-valley-flower-400: #b89a5f;
--color-valley-flower-500: #a3803a;
--color-valley-flower-600: #8a6d32;
--color-valley-flower-700: #6e5728;
--color-valley-flower-800: #523f1b;
--color-valley-flower-900: #392b12;
--color-valley-flower-950: #241804;
}SCSS
$valley-flower: #ffdd9d;
$valley-flower-rgb: 255, 221, 157;
$valley-flower-light: mix(#fff, $valley-flower, 20%);
$valley-flower-dark: mix(#000, $valley-flower, 20%);
.element {
color: $valley-flower;
box-shadow: 0 0 0 2px rgba($valley-flower, 0.35);
}