Couleur nommée la plus proche · #FBAF9B
#FBAF9B
Couleur nommée la plus proche: Discreet Orange
#FBAF9B (rgb(251 175 155), hsl(13 92% 80%), oklch(0.822 0.094 35.3)) est la plus proche de la couleur nommée Discreet Orange. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FBAF9B
oklch(0.822 0.094 35.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- FCB7A5
- FDBFAF
- FEC7B9
- FFCFC3
- FFD7CD
- FFDFD7
- FFE7E1
- FFEFEB
- FFF7F5
Ombres
- DA9886
- BA8172
- 9C6B5E
- 7E564B
- 614139
- 462E28
- 2D1C18
- 150B09
- 030101
Tons
- EEAA98
- E2A696
- D6A193
- C99D91
- BD988E
- B1938B
- A58E89
- 988A86
- 8C8583
Harmonies de couleurs
Complémentaire +180°
- FBAF9B
Discreet Orange
- 77D4EB
≈ Middle Blue
Analogue -30° +30°
- FBAF9B
Discreet Orange
- FAABBC
≈ Fresh on the Market
- EFB883
≈ Baba Ganoush
Triadique +120° +240°
- FBAF9B
Discreet Orange
- 92D7AA
≈ Peaceful Pastures
- B4C0FF
≈ Dried Lilac
Complémentaire divisée +150° +210°
- FBAF9B
Discreet Orange
- 77D9CD
≈ Mintos
- 91CBFE
≈ Clear Sky
Tétradique +90° +180° +270°
- FBAF9B
Discreet Orange
- B6D08C
≈ Al Green
- 77D4EB
≈ Middle Blue
- D3B5F6
≈ Violet Heaven
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.79:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.70:1 · APCA Lc 70
Meilleure couleur de texte: #000000
WCAG 11.70:1 (AAA) · APCA Lc 70
Contrast pairs
Extraits de code
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);
}