Color con nombre más cercano · #FBAF9B
#FBAF9B
Color con nombre más cercano: Discreet Orange
#FBAF9B (rgb(251 175 155), hsl(13 92% 80%), oklch(0.822 0.094 35.3)) se parece más al color con nombre Discreet Orange. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#FBAF9B
oklch(0.822 0.094 35.3)
Conversiones de color
- HEX
- #fbaf9b
- RGB
- rgb(251 175 155)
- HSL
- hsl(13 92% 80%)
- HWB
- hwb(13 61% 2%)
- OKLCH
- oklch(0.822 0.094 35.3)
- OKLab
- oklab(0.822 0.077 0.054)
- CIE Lab
- lab(78.57 26.85 22.05)
- LCH
- lch(78.57 34.74 39.4)
- CMYK
- cmyk(0% 30% 38% 2%)
Tintes · Sombras · Tonos
Tintes
- FCB7A5
- FDBFAF
- FEC7B9
- FFCFC3
- FFD7CD
- FFDFD7
- FFE7E1
- FFEFEB
- FFF7F5
Sombras
- DA9886
- BA8172
- 9C6B5E
- 7E564B
- 614139
- 462E28
- 2D1C18
- 150B09
- 030101
Tonos
- EEAA98
- E2A696
- D6A193
- C99D91
- BD988E
- B1938B
- A58E89
- 988A86
- 8C8583
Armonías de color
Complementario +180°
- FBAF9B
Discreet Orange
- 77D4EB
≈ Middle Blue
Análogo -30° +30°
- FBAF9B
Discreet Orange
- FAABBC
≈ Fresh on the Market
- EFB883
≈ Baba Ganoush
Triádico +120° +240°
- FBAF9B
Discreet Orange
- 92D7AA
≈ Peaceful Pastures
- B4C0FF
≈ Dried Lilac
Complementario dividido +150° +210°
- FBAF9B
Discreet Orange
- 77D9CD
≈ Mintos
- 91CBFE
≈ Clear Sky
Tetrádico +90° +180° +270°
- FBAF9B
Discreet Orange
- B6D08C
≈ Al Green
- 77D4EB
≈ Middle Blue
- D3B5F6
≈ Violet Heaven
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.79:1 · APCA Lc 33
Ag
AAASobre negro
WCAG 11.70:1 · APCA Lc 70
Mejor color de texto: #000000
WCAG 11.70:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmentos de código
CSS
:root {
--discreet-orange: #fbaf9b;
--discreet-orange-rgb: 251 175 155;
--discreet-orange-oklch: oklch(0.822 0.094 35.3);
}
.element {
color: var(--discreet-orange);
background-color: hsl(13 92% 80%);
border-color: oklch(0.822 0.094 35.3);
}Tailwind CSS v4
@theme {
--color-discreet-orange: #fbaf9b;
--color-discreet-orange-50: #ffede2;
--color-discreet-orange-100: #ffded2;
--color-discreet-orange-200: #f9c7b8;
--color-discreet-orange-300: #e3a795;
--color-discreet-orange-400: #d08a78;
--color-discreet-orange-500: #bc6e5a;
--color-discreet-orange-600: #9f5e4d;
--color-discreet-orange-700: #7f4b3d;
--color-discreet-orange-800: #5f362d;
--color-discreet-orange-900: #42251e;
--color-discreet-orange-950: #2a130e;
}SCSS
$discreet-orange: #fbaf9b;
$discreet-orange-rgb: 251, 175, 155;
$discreet-orange-light: mix(#fff, $discreet-orange, 20%);
$discreet-orange-dark: mix(#000, $discreet-orange, 20%);
.element {
color: $discreet-orange;
box-shadow: 0 0 0 2px rgba($discreet-orange, 0.35);
}