Color con nombre · #FAE6CA
Quiet Splendour
Quiet Splendour es #FAE6CA: rgb(250 230 202), hsl(35 83% 89%), oklch(0.934 0.043 76.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Quiet Splendour color name →
#FAE6CA
oklch(0.934 0.043 76.3)
Conversiones de color
- HEX
- #fae6ca
- RGB
- rgb(250 230 202)
- HSL
- hsl(35 83% 89%)
- HWB
- hwb(35 79% 2%)
- OKLCH
- oklch(0.934 0.043 76.3)
- OKLab
- oklab(0.934 0.01 0.042)
- CIE Lab
- lab(92.39 3.83 16.3)
- LCH
- lch(92.39 16.74 76.8)
- CMYK
- cmyk(0% 8% 19% 2%)
Tintes · Sombras · Tonos
Tintes
- FBE9CF
- FBEBD5
- FCEEDA
- FCF0DF
- FDF3E5
- FDF5EA
- FEF8EF
- FEFAF4
- FFFDFA
Sombras
- D9C8AF
- BAAB95
- 9B8E7C
- 7D7364
- 61594D
- 464037
- 2D2822
- 15130F
- 030302
Tonos
- EDDBC2
- E0D1BB
- D4C6B3
- C8BCAC
- BBB2A4
- AFA89D
- A39E96
- 97948E
- 8C8A87
Armonías de color
Complementario +180°
- FAE6CA
Quiet Splendour
- DCEBFF
≈ Hoarfrost
Análogo -30° +30°
- FAE6CA
Quiet Splendour
- FFE2D5
≈ Light Quilt
- ECECCB
≈ Iced Green Apple
Triádico +120° +240°
- FAE6CA
Quiet Splendour
- C9F3F3
≈ Vaporised
- F5E1FD
≈ Lavender Savour
Complementario dividido +150° +210°
- FAE6CA
Quiet Splendour
- CDF0FF
≈ Blue Hijab
- E7E6FF
≈ Cyber Lavender
Tetrádico +90° +180° +270°
- FAE6CA
Quiet Splendour
- CFF3E3
≈ Light Shutterbug
- DCEBFF
≈ Hoarfrost
- FFDFEF
≈ Transparent Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASobre negro
WCAG 17.23:1 · APCA Lc 93
Mejor color de texto: #000000
WCAG 17.23:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
CSS
:root {
--quiet-splendour: #fae6ca;
--quiet-splendour-rgb: 250 230 202;
--quiet-splendour-oklch: oklch(0.934 0.043 76.3);
}
.element {
color: var(--quiet-splendour);
background-color: hsl(35 83% 89%);
border-color: oklch(0.934 0.043 76.3);
}Tailwind CSS v4
@theme {
--color-quiet-splendour: #fae6ca;
--color-quiet-splendour-50: #fcf4e8;
--color-quiet-splendour-100: #f0e6d8;
--color-quiet-splendour-200: #ded2c0;
--color-quiet-splendour-300: #c4b59f;
--color-quiet-splendour-400: #ad9c83;
--color-quiet-splendour-500: #978366;
--color-quiet-splendour-600: #7f6f57;
--color-quiet-splendour-700: #665945;
--color-quiet-splendour-800: #4b4032;
--color-quiet-splendour-900: #342c22;
--color-quiet-splendour-950: #201911;
}SCSS
$quiet-splendour: #fae6ca;
$quiet-splendour-rgb: 250, 230, 202;
$quiet-splendour-light: mix(#fff, $quiet-splendour, 20%);
$quiet-splendour-dark: mix(#000, $quiet-splendour, 20%);
.element {
color: $quiet-splendour;
box-shadow: 0 0 0 2px rgba($quiet-splendour, 0.35);
}