Cor nomeada · #FBE3E3
Royal Wedding
Royal Wedding é #FBE3E3: rgb(251 227 227), hsl(0 75% 94%), oklch(0.935 0.026 17.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Royal Wedding color name →
#FBE3E3
oklch(0.935 0.026 17.6)
Conversões de cor
- HEX
- #fbe3e3
- RGB
- rgb(251 227 227)
- HSL
- hsl(0 75% 94%)
- HWB
- hwb(0 89% 2%)
- OKLCH
- oklch(0.935 0.026 17.6)
- OKLab
- oklab(0.935 0.025 0.008)
- CIE Lab
- lab(92.22 8.49 3.15)
- LCH
- lch(92.22 9.06 20.3)
- CMYK
- cmyk(0% 10% 10% 2%)
Tons claros · Sombras · Tons
Tons claros
- FBE6E6
- FCE9E9
- FCEBEB
- FDEEEE
- FDF1F1
- FEF4F4
- FEF7F7
- FEF9F9
- FFFCFC
Sombras
- DAC5C5
- BAA8A8
- 9C8C8C
- 7E7171
- 615757
- 463F3F
- 2D2727
- 151212
- 030303
Tons
- EED9D9
- E1CECE
- D5C4C4
- C8BABA
- BCB0B0
- B0A6A6
- A39D9D
- 979393
- 8C8989
Harmonias de cor
Complementar +180°
- FBE3E3
Royal Wedding
- D6EFF0
≈ Lakeside Mist
Análoga -30° +30°
- FBE3E3
Royal Wedding
- F8E3ED
≈ Petal Poise
- F9E5DB
≈ Sherry Cream
Tríade +120° +240°
- FBE3E3
Royal Wedding
- E1EEDD
≈ Distant Landscape
- DFEBFC
≈ Husky
Complementar dividida +150° +210°
- FBE3E3
Royal Wedding
- DAF0E6
≈ Banshee
- D8EEF8
≈ Ice Castle
Tétrade +90° +180° +270°
- FBE3E3
Royal Wedding
- EBEBD7
≈ Pale Rebelka Jakub
- D6EFF0
≈ Lakeside Mist
- E8E7FB
≈ Cyber Lavender
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASobre preto
WCAG 17.19:1 · APCA Lc 93
Melhor cor de texto: #000000
WCAG 17.19:1 (AAA) · APCA Lc 93
Contrast pairs
Trechos de código
CSS
:root {
--royal-wedding: #fbe3e3;
--royal-wedding-rgb: 251 227 227;
--royal-wedding-oklch: oklch(0.935 0.026 17.6);
}
.element {
color: var(--royal-wedding);
background-color: hsl(0 75% 94%);
border-color: oklch(0.935 0.026 17.6);
}Tailwind CSS v4
@theme {
--color-royal-wedding: #fbe3e3;
--color-royal-wedding-50: #fdf2f2;
--color-royal-wedding-100: #f1e5e4;
--color-royal-wedding-200: #dfd0d0;
--color-royal-wedding-300: #c5b2b2;
--color-royal-wedding-400: #ae9999;
--color-royal-wedding-500: #977f80;
--color-royal-wedding-600: #806c6c;
--color-royal-wedding-700: #665656;
--color-royal-wedding-800: #4b3f3f;
--color-royal-wedding-900: #342b2c;
--color-royal-wedding-950: #201919;
}SCSS
$royal-wedding: #fbe3e3;
$royal-wedding-rgb: 251, 227, 227;
$royal-wedding-light: mix(#fff, $royal-wedding, 20%);
$royal-wedding-dark: mix(#000, $royal-wedding, 20%);
.element {
color: $royal-wedding;
box-shadow: 0 0 0 2px rgba($royal-wedding, 0.35);
}