Couleur nommée la plus proche · #F5B6B9
#F5B6B9
Couleur nommée la plus proche: Deeply Embarrassed
#F5B6B9 (rgb(245 182 185), hsl(357 76% 84%), oklch(0.835 0.073 15.6)) est la plus proche de la couleur nommée Deeply Embarrassed. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F5B6B9
oklch(0.835 0.073 15.6)
Conversions de couleur
- HEX
- #f5b6b9
- RGB
- rgb(245 182 185)
- HSL
- hsl(357 76% 84%)
- HWB
- hwb(357 71% 4%)
- OKLCH
- oklch(0.835 0.073 15.6)
- OKLab
- oklab(0.835 0.071 0.02)
- CIE Lab
- lab(80.06 23.83 7.91)
- LCH
- lch(80.06 25.11 18.4)
- CMYK
- cmyk(0% 26% 24% 4%)
Teintes · Ombres · Tons
Teintes
- F7BDC0
- F8C5C7
- F9CCCE
- FAD3D5
- FBDADC
- FCE2E3
- FDE9EA
- FEF0F1
- FFF8F8
Ombres
- D59EA0
- B68689
- 986F71
- 7B595B
- 5F4446
- 443031
- 2B1D1E
- 150C0D
- 030202
Tons
- E9B1B3
- DDABAD
- D1A6A8
- C5A0A2
- BA9B9C
- AE9696
- A39091
- 978B8B
- 8B8586
Harmonies de couleurs
Complémentaire +180°
- F5B6B9
Deeply Embarrassed
- 8ED8D8
≈ Island Oasis
Analogue -30° +30°
- F5B6B9
Deeply Embarrassed
- EDB6D3
≈ Soft Cashmere
- F2BBA1
≈ Certain Peach
Triadique +120° +240°
- F5B6B9
Deeply Embarrassed
- B4D4A5
≈ In Good Taste
- AACCF9
≈ Night Snow
Complémentaire divisée +150° +210°
- F5B6B9
Deeply Embarrassed
- 9BD9BE
≈ Green Jewel
- 95D4ED
≈ Blue Effervescence
Tétradique +90° +180° +270°
- F5B6B9
Deeply Embarrassed
- CFCC95
≈ Corn Husk Green
- 8ED8D8
≈ Island Oasis
- C4C3F7
≈ Light Periwinkle
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.71:1 · APCA Lc 31
Ag
AAASur noir
WCAG 12.27:1 · APCA Lc 72
Meilleure couleur de texte: #000000
WCAG 12.27:1 (AAA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--deeply-embarrassed: #f5b6b9;
--deeply-embarrassed-rgb: 245 182 185;
--deeply-embarrassed-oklch: oklch(0.835 0.073 15.6);
}
.element {
color: var(--deeply-embarrassed);
background-color: hsl(357 76% 84%);
border-color: oklch(0.835 0.073 15.6);
}Tailwind CSS v4
@theme {
--color-deeply-embarrassed: #f5b6b9;
--color-deeply-embarrassed-50: #ffeded;
--color-deeply-embarrassed-100: #ffdfdf;
--color-deeply-embarrassed-200: #f2c8c9;
--color-deeply-embarrassed-300: #dba9a9;
--color-deeply-embarrassed-400: #c68d90;
--color-deeply-embarrassed-500: #b17276;
--color-deeply-embarrassed-600: #966164;
--color-deeply-embarrassed-700: #784d50;
--color-deeply-embarrassed-800: #59383b;
--color-deeply-embarrassed-900: #3e2628;
--color-deeply-embarrassed-950: #271416;
}SCSS
$deeply-embarrassed: #f5b6b9;
$deeply-embarrassed-rgb: 245, 182, 185;
$deeply-embarrassed-light: mix(#fff, $deeply-embarrassed, 20%);
$deeply-embarrassed-dark: mix(#000, $deeply-embarrassed, 20%);
.element {
color: $deeply-embarrassed;
box-shadow: 0 0 0 2px rgba($deeply-embarrassed, 0.35);
}