Color con nombre · #FAE8BC
Sand Diamond
Sand Diamond es #FAE8BC: rgb(250 232 188), hsl(43 86% 86%), oklch(0.935 0.06 88.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Sand Diamond color name →
#FAE8BC
oklch(0.935 0.06 88.4)
Conversiones de color
- HEX
- #fae8bc
- RGB
- rgb(250 232 188)
- HSL
- hsl(43 86% 86%)
- HWB
- hwb(43 74% 2%)
- OKLCH
- oklch(0.935 0.06 88.4)
- OKLab
- oklab(0.935 0.002 0.06)
- CIE Lab
- lab(92.65 1.43 23.83)
- LCH
- lch(92.65 23.87 86.6)
- CMYK
- cmyk(0% 7% 25% 2%)
Tintes · Sombras · Tonos
Tintes
- FBEAC3
- FBEDCA
- FCEFD0
- FCF1D7
- FDF4DE
- FDF6E5
- FEF8EB
- FEFAF2
- FFFDF8
Sombras
- D9CAA3
- BAAC8B
- 9B9073
- 7D745D
- 615947
- 464032
- 2D291F
- 15130D
- 030302
Tonos
- EDDDB6
- E0D2B0
- D4C8AA
- C7BDA4
- BBB39E
- AFA898
- A39E92
- 97948C
- 8C8A86
Armonías de color
Complementario +180°
- FAE8BC
Sand Diamond
- E1E9FF
≈ Glitter
Análogo -30° +30°
- FAE8BC
Sand Diamond
- FFE4CF
≈ Lumber
- E5F0C2
≈ Green Glacier
Triádico +120° +240°
- FAE8BC
Sand Diamond
- BBF5FF
≈ Pale Sky
- FFDDFC
≈ Sugarpills
Complementario dividido +150° +210°
- FAE8BC
Sand Diamond
- D4EDFF
≈ Ice Castle
- ECE5FF
≈ Cyber Lavender
Tetrádico +90° +180° +270°
- FAE8BC
Sand Diamond
- BFF7EA
≈ Shallow End
- E1E9FF
≈ Glitter
- FFE0E9
≈ Baby Girl
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.21:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.33:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.33:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--sand-diamond: #fae8bc;
--sand-diamond-rgb: 250 232 188;
--sand-diamond-oklch: oklch(0.935 0.06 88.4);
}
.element {
color: var(--sand-diamond);
background-color: hsl(43 86% 86%);
border-color: oklch(0.935 0.06 88.4);
}Tailwind CSS v4
@theme {
--color-sand-diamond: #fae8bc;
--color-sand-diamond-50: #fcf5e2;
--color-sand-diamond-100: #efe8d2;
--color-sand-diamond-200: #ded4b8;
--color-sand-diamond-300: #c3b795;
--color-sand-diamond-400: #ad9d76;
--color-sand-diamond-500: #978457;
--color-sand-diamond-600: #7f704a;
--color-sand-diamond-700: #665a3b;
--color-sand-diamond-800: #4c412a;
--color-sand-diamond-900: #342d1c;
--color-sand-diamond-950: #201a0c;
}SCSS
$sand-diamond: #fae8bc;
$sand-diamond-rgb: 250, 232, 188;
$sand-diamond-light: mix(#fff, $sand-diamond, 20%);
$sand-diamond-dark: mix(#000, $sand-diamond, 20%);
.element {
color: $sand-diamond;
box-shadow: 0 0 0 2px rgba($sand-diamond, 0.35);
}