Color con nombre · #F4C9B1
Bellini
Bellini es #F4C9B1: rgb(244 201 177), hsl(21 75% 83%), oklch(0.867 0.059 50.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Bellini color name →
#F4C9B1
oklch(0.867 0.059 50.8)
Conversiones de color
- HEX
- #f4c9b1
- RGB
- rgb(244 201 177)
- HSL
- hsl(21 75% 83%)
- HWB
- hwb(21 69% 4%)
- OKLCH
- oklch(0.867 0.059 50.8)
- OKLab
- oklab(0.867 0.037 0.046)
- CIE Lab
- lab(84.31 13.18 18.06)
- LCH
- lch(84.31 22.36 53.9)
- CMYK
- cmyk(0% 18% 27% 4%)
Tintes · Sombras · Tonos
Tintes
- F5CEB9
- F7D4C1
- F8D9C8
- F9DFD0
- FAE4D8
- FBE9E0
- FCEFE7
- FDF4EF
- FEFAF7
Sombras
- D4AE99
- B59583
- 977C6C
- 7A6457
- 5E4C42
- 44362F
- 2B221C
- 140F0C
- 030201
Tonos
- E8C2AC
- DCBAA7
- D0B3A2
- C4AB9D
- B9A498
- AD9D94
- A2958F
- 968E8A
- 8B8785
Armonías de color
Complementario +180°
- F4C9B1
Bellini
- ADDBF3
≈ Endless Horizon
Análogo -30° +30°
- F4C9B1
Bellini
- F8C5C3
≈ Icing on the Cake
- E7D0A8
≈ Sand Sculpture
Triádico +120° +240°
- F4C9B1
Bellini
- ADE0CE
≈ Meristem
- D3CDF8
≈ Lavender Blue
Complementario dividido +150° +210°
- F4C9B1
Bellini
- A6E0E3
≈ Blue Bauble
- BED4FB
≈ Oh Boy!
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASobre negro
WCAG 13.83:1 · APCA Lc 79
Mejor color de texto: #000000
WCAG 13.83:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmentos de código
CSS
:root {
--bellini: #f4c9b1;
--bellini-rgb: 244 201 177;
--bellini-oklch: oklch(0.867 0.059 50.8);
}
.element {
color: var(--bellini);
background-color: hsl(21 75% 83%);
border-color: oklch(0.867 0.059 50.8);
}Tailwind CSS v4
@theme {
--color-bellini: #f4c9b1;
--color-bellini-50: #fff1e6;
--color-bellini-100: #f9e3d6;
--color-bellini-200: #eacebe;
--color-bellini-300: #d1b09c;
--color-bellini-400: #bc957f;
--color-bellini-500: #a67b63;
--color-bellini-600: #8d6854;
--color-bellini-700: #715343;
--color-bellini-800: #533c30;
--color-bellini-900: #3a2a21;
--color-bellini-950: #241710;
}SCSS
$bellini: #f4c9b1;
$bellini-rgb: 244, 201, 177;
$bellini-light: mix(#fff, $bellini, 20%);
$bellini-dark: mix(#000, $bellini, 20%);
.element {
color: $bellini;
box-shadow: 0 0 0 2px rgba($bellini, 0.35);
}