Couleur nommée la plus proche · #F0ADB9
#F0ADB9
Couleur nommée la plus proche: Pink Blush
#F0ADB9 (rgb(240 173 185), hsl(349 69% 81%), oklch(0.814 0.08 7.1)) est la plus proche de la couleur nommée Pink Blush. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F0ADB9
oklch(0.814 0.08 7.1)
Conversions de couleur
- HEX
- #f0adb9
- RGB
- rgb(240 173 185)
- HSL
- hsl(349 69% 81%)
- HWB
- hwb(349 68% 6%)
- OKLCH
- oklch(0.814 0.08 7.1)
- OKLab
- oklab(0.814 0.079 0.01)
- CIE Lab
- lab(77.45 26.49 4.12)
- LCH
- lch(77.45 26.81 8.8)
- CMYK
- cmyk(0% 28% 23% 6%)
Teintes · Ombres · Tons
Teintes
- F2B5C0
- F4BDC7
- F6C6CE
- F8CED5
- F9D6DB
- FBDEE3
- FCE6EA
- FDEFF1
- FEF7F8
Ombres
- D196A0
- B27F89
- 956A71
- 78555B
- 5D4146
- 432D31
- 2A1B1E
- 140B0D
- 030102
Tons
- E5A9B3
- D9A4AD
- CEA0A8
- C39BA2
- B8979C
- AC9296
- A18E91
- 96898B
- 8B8586
Harmonies de couleurs
Complémentaire +180°
- F0ADB9
Pink Blush
- 83D3CB
≈ Water Wings
Analogue -30° +30°
- F0ADB9
Pink Blush
- E4AFD5
≈ Flower Power
- F0B19E
≈ Stucco Wall
Triadique +120° +240°
- F0ADB9
Pink Blush
- B4CC94
≈ Marsh Fern
- 98C8F4
≈ Honolulu
Complémentaire divisée +150° +210°
- F0ADB9
Pink Blush
- 97D2AE
≈ Vista Blue
- 84CFE4
≈ Summer Splash
Tétradique +90° +180° +270°
- F0ADB9
Pink Blush
- D0C387
≈ Winter Hazel
- 83D3CB
≈ Water Wings
- B5BEF6
≈ Purple Illusion
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.84:1 · APCA Lc 35
Ag
AAASur noir
WCAG 11.38:1 · APCA Lc 68
Meilleure couleur de texte: #000000
WCAG 11.38:1 (AAA) · APCA Lc 68
Contrast pairs
Extraits de code
CSS
:root {
--pink-blush: #f0adb9;
--pink-blush-rgb: 240 173 185;
--pink-blush-oklch: oklch(0.814 0.08 7.1);
}
.element {
color: var(--pink-blush);
background-color: hsl(349 69% 81%);
border-color: oklch(0.814 0.08 7.1);
}Tailwind CSS v4
@theme {
--color-pink-blush: #f0adb9;
--color-pink-blush-50: #ffecf0;
--color-pink-blush-100: #ffdee2;
--color-pink-blush-200: #f4c7cd;
--color-pink-blush-300: #dda7af;
--color-pink-blush-400: #c88b96;
--color-pink-blush-500: #b46f7d;
--color-pink-blush-600: #985f6a;
--color-pink-blush-700: #7a4b54;
--color-pink-blush-800: #5a363e;
--color-pink-blush-900: #3f252b;
--color-pink-blush-950: #281418;
}SCSS
$pink-blush: #f0adb9;
$pink-blush-rgb: 240, 173, 185;
$pink-blush-light: mix(#fff, $pink-blush, 20%);
$pink-blush-dark: mix(#000, $pink-blush, 20%);
.element {
color: $pink-blush;
box-shadow: 0 0 0 2px rgba($pink-blush, 0.35);
}