Color con nombre · #FBECD3
Junket
Junket es #FBECD3: rgb(251 236 211), hsl(38 83% 91%), oklch(0.948 0.037 80.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Junket color name →
#FBECD3
oklch(0.948 0.037 80.6)
Conversiones de color
- HEX
- #fbecd3
- RGB
- rgb(251 236 211)
- HSL
- hsl(38 83% 91%)
- HWB
- hwb(38 83% 2%)
- OKLCH
- oklch(0.948 0.037 80.6)
- OKLab
- oklab(0.948 0.006 0.036)
- CIE Lab
- lab(94.12 2.3 14.09)
- LCH
- lch(94.12 14.28 80.7)
- CMYK
- cmyk(0% 6% 16% 2%)
Tintes · Sombras · Tonos
Tintes
- FBEED7
- FCF0DC
- FCF2E0
- FDF4E5
- FDF6E9
- FDF7ED
- FEF9F2
- FEFBF6
- FFFDFB
Sombras
- DACDB7
- BAAF9C
- 9C9282
- 7E7669
- 615B51
- 46423A
- 2D2924
- 151310
- 030302
Tonos
- EEE1CA
- E1D5C2
- D5CAB9
- C8BFB1
- BCB5A9
- AFAAA0
- A39F98
- 979590
- 8C8A88
Armonías de color
Complementario +180°
- FBECD3
Junket
- E5EFFF
≈ Brilliant White
Análogo -30° +30°
- FBECD3
Junket
- FFE9DD
≈ Morning Sigh
- EFF1D5
≈ Giggle
Triádico +120° +240°
- FBECD3
Junket
- D3F6F8
≈ Fishious Rend
- FAE6FD
≈ Soft Lavender
Complementario dividido +150° +210°
- FBECD3
Junket
- DAF2FF
≈ Wizard White
- EDEBFF
≈ Placebo Purple
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASobre negro
WCAG 18.04:1 · APCA Lc 97
Mejor color de texto: #000000
WCAG 18.04:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--junket: #fbecd3;
--junket-rgb: 251 236 211;
--junket-oklch: oklch(0.948 0.037 80.6);
}
.element {
color: var(--junket);
background-color: hsl(38 83% 91%);
border-color: oklch(0.948 0.037 80.6);
}Tailwind CSS v4
@theme {
--color-junket: #fbecd3;
--color-junket-50: #faf4ea;
--color-junket-100: #eee7da;
--color-junket-200: #dcd3c3;
--color-junket-300: #c1b6a3;
--color-junket-400: #aa9d86;
--color-junket-500: #93846b;
--color-junket-600: #7c705b;
--color-junket-700: #635948;
--color-junket-800: #494134;
--color-junket-900: #332d24;
--color-junket-950: #1f1a12;
}SCSS
$junket: #fbecd3;
$junket-rgb: 251, 236, 211;
$junket-light: mix(#fff, $junket, 20%);
$junket-dark: mix(#000, $junket, 20%);
.element {
color: $junket;
box-shadow: 0 0 0 2px rgba($junket, 0.35);
}