Color con nombre · #FCD8B5
Young Apricot
Young Apricot es #FCD8B5: rgb(252 216 181), hsl(30 92% 85%), oklch(0.904 0.061 66.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Young Apricot color name →
#FCD8B5
oklch(0.904 0.061 66.1)
Conversiones de color
- HEX
- #fcd8b5
- RGB
- rgb(252 216 181)
- HSL
- hsl(30 92% 85%)
- HWB
- hwb(30 71% 1%)
- OKLCH
- oklch(0.904 0.061 66.1)
- OKLab
- oklab(0.904 0.025 0.056)
- CIE Lab
- lab(88.77 9.24 22.21)
- LCH
- lch(88.77 24.05 67.4)
- CMYK
- cmyk(0% 14% 28% 1%)
Tintes · Sombras · Tonos
Tintes
- FCDCBC
- FDE0C4
- FDE4CB
- FEE8D3
- FEECDA
- FEF0E2
- FEF3E9
- FFF7F0
- FFFBF8
Sombras
- DBBC9D
- BBA086
- 9C856F
- 7E6B59
- 625344
- 473B30
- 2D251D
- 16110C
- 030202
Tonos
- EFCFB0
- E2C6AA
- D5BDA5
- C9B4A0
- BCAB9B
- B0A295
- A49A90
- 98918B
- 8C8885
Armonías de color
Complementario +180°
- FCD8B5
Young Apricot
- C5E3FF
≈ Fresh Water
Análogo -30° +30°
- FCD8B5
Young Apricot
- FFD4C8
≈ Romantic Morn
- EBE0B2
≈ Cookies and Cream
Triádico +120° +240°
- FCD8B5
Young Apricot
- B2EDE5
≈ East Cape
- E9D6FF
≈ Rose Dragée
Complementario dividido +150° +210°
- FCD8B5
Young Apricot
- B1EAF9
≈ Beyond the Clouds
- D6DDFF
≈ Transparent Blue
Tetrádico +90° +180° +270°
- FCD8B5
Young Apricot
- BFECCF
≈ Lost Lace
- C5E3FF
≈ Fresh Water
- FAD1EF
≈ Shampoo
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.62:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.62:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--young-apricot: #fcd8b5;
--young-apricot-rgb: 252 216 181;
--young-apricot-oklch: oklch(0.904 0.061 66.1);
}
.element {
color: var(--young-apricot);
background-color: hsl(30 92% 85%);
border-color: oklch(0.904 0.061 66.1);
}Tailwind CSS v4
@theme {
--color-young-apricot: #fcd8b5;
--color-young-apricot-50: #fff2e3;
--color-young-apricot-100: #f6e5d3;
--color-young-apricot-200: #e6d0b9;
--color-young-apricot-300: #cdb296;
--color-young-apricot-400: #b89878;
--color-young-apricot-500: #a27e5a;
--color-young-apricot-600: #896b4d;
--color-young-apricot-700: #6e553d;
--color-young-apricot-800: #513e2c;
--color-young-apricot-900: #392b1e;
--color-young-apricot-950: #23180e;
}SCSS
$young-apricot: #fcd8b5;
$young-apricot-rgb: 252, 216, 181;
$young-apricot-light: mix(#fff, $young-apricot, 20%);
$young-apricot-dark: mix(#000, $young-apricot, 20%);
.element {
color: $young-apricot;
box-shadow: 0 0 0 2px rgba($young-apricot, 0.35);
}