Color con nombre · #FFC69E
Romantic
Romantic es #FFC69E: rgb(255 198 158), hsl(25 100% 81%), oklch(0.868 0.084 56.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Romantic color name →
#FFC69E
oklch(0.868 0.084 56.4)
Conversiones de color
- HEX
- #ffc69e
- RGB
- rgb(255 198 158)
- HSL
- hsl(25 100% 81%)
- HWB
- hwb(25 62% 0%)
- OKLCH
- oklch(0.868 0.084 56.4)
- OKLab
- oklab(0.868 0.046 0.07)
- CIE Lab
- lab(84.38 17.21 28.31)
- LCH
- lch(84.38 33.13 58.7)
- CMYK
- cmyk(0% 22% 38% 0%)
Tintes · Sombras · Tonos
Tintes
- FFCCA8
- FFD2B2
- FFD7BB
- FFDDC5
- FFE3CF
- FFE8D8
- FFEEE2
- FFF4EC
- FFF9F5
Sombras
- DEAC89
- BE9274
- 9E7A60
- 80624D
- 634B3A
- 483529
- 2E2118
- 160E09
- 030201
Tonos
- F2BF9B
- E5B899
- D8B196
- CBAA93
- BEA390
- B29C8D
- A5958A
- 998E87
- 8C8783
Armonías de color
Complementario +180°
- FFC69E
Romantic
- A4DCFF
≈ Droplet
Análogo -30° +30°
- FFC69E
Romantic
- FFC2BB
≈ Impatiens Pink
- ECD093
≈ Honeydew Sand
Triádico +120° +240°
- FFC69E
Romantic
- 96E6D2
≈ Neverland
- D8CAFF
≈ Foggy Heath
Complementario dividido +150° +210°
- FFC69E
Romantic
- 8EE4EF
≈ Aqua Fiesta
- C0D3FF
≈ Pale Phthalo Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASobre negro
WCAG 13.82:1 · APCA Lc 79
Mejor color de texto: #000000
WCAG 13.82:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmentos de código
CSS
:root {
--romantic: #ffc69e;
--romantic-rgb: 255 198 158;
--romantic-oklch: oklch(0.868 0.084 56.4);
}
.element {
color: var(--romantic);
background-color: hsl(25 100% 81%);
border-color: oklch(0.868 0.084 56.4);
}Tailwind CSS v4
@theme {
--color-romantic: #ffc69e;
--color-romantic-50: #fff0de;
--color-romantic-100: #fee2cd;
--color-romantic-200: #f0ccb1;
--color-romantic-300: #d9ad8d;
--color-romantic-400: #c5926d;
--color-romantic-500: #b1774d;
--color-romantic-600: #956542;
--color-romantic-700: #785134;
--color-romantic-800: #593a25;
--color-romantic-900: #3e2819;
--color-romantic-950: #27160a;
}SCSS
$romantic: #ffc69e;
$romantic-rgb: 255, 198, 158;
$romantic-light: mix(#fff, $romantic, 20%);
$romantic-dark: mix(#000, $romantic, 20%);
.element {
color: $romantic;
box-shadow: 0 0 0 2px rgba($romantic, 0.35);
}