Couleur nommée la plus proche · #F6AB88
#F6AB88
Couleur nommée la plus proche: Peach Fizz
#F6AB88 (rgb(246 171 136), hsl(19 86% 75%), oklch(0.805 0.101 45.9)) est la plus proche de la couleur nommée Peach Fizz. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F6AB88
oklch(0.805 0.101 45.9)
Conversions de couleur
- HEX
- #f6ab88
- RGB
- rgb(246 171 136)
- HSL
- hsl(19 86% 75%)
- HWB
- hwb(19 53% 4%)
- OKLCH
- oklch(0.805 0.101 45.9)
- OKLab
- oklab(0.805 0.07 0.072)
- CIE Lab
- lab(76.79 25.44 29.69)
- LCH
- lch(76.79 39.1 49.4)
- CMYK
- cmyk(0% 30% 45% 4%)
Teintes · Ombres · Tons
Teintes
- F8B494
- F9BCA0
- FAC5AC
- FCCDB8
- FDD5C3
- FDDECF
- FEE6DB
- FFEEE7
- FFF7F3
Ombres
- D69475
- B77E63
- 986852
- 7B5441
- 5F4031
- 452D22
- 2C1B13
- 150B06
- 030101
Tons
- EAA788
- DEA387
- D29F87
- C69A86
- BB9685
- AF9284
- A38D83
- 988982
- 8C8481
Harmonies de couleurs
Complémentaire +180°
- F6AB88
Peach Fizz
- 72CDF1
≈ Nevermind Nirvana
Analogue -30° +30°
- F6AB88
Peach Fizz
- F9A5A9
≈ Simple Pink
- E5B773
≈ Veranda Yellow
Triadique +120° +240°
- F6AB88
Peach Fizz
- 7CD4B0
≈ Sea Treasure
- B9B6FE
≈ Greyish Lavender
Complémentaire divisée +150° +210°
- F6AB88
Peach Fizz
- 66D4D4
≈ Hidden Sea Glass
- 95C2FF
≈ Pastel Blue
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.89:1 · APCA Lc 36
Ag
AAASur noir
WCAG 11.09:1 · APCA Lc 67
Meilleure couleur de texte: #000000
WCAG 11.09:1 (AAA) · APCA Lc 67
Contrast pairs
Extraits de code
CSS
:root {
--peach-fizz: #f6ab88;
--peach-fizz-rgb: 246 171 136;
--peach-fizz-oklch: oklch(0.805 0.101 45.9);
}
.element {
color: var(--peach-fizz);
background-color: hsl(19 86% 75%);
border-color: oklch(0.805 0.101 45.9);
}Tailwind CSS v4
@theme {
--color-peach-fizz: #f6ab88;
--color-peach-fizz-50: #ffeddd;
--color-peach-fizz-100: #ffdfcb;
--color-peach-fizz-200: #f9c8b0;
--color-peach-fizz-300: #e3a88b;
--color-peach-fizz-400: #d08b6b;
--color-peach-fizz-500: #bc6f4a;
--color-peach-fizz-600: #9f5f3f;
--color-peach-fizz-700: #804b32;
--color-peach-fizz-800: #5f3624;
--color-peach-fizz-900: #432518;
--color-peach-fizz-950: #2b1309;
}SCSS
$peach-fizz: #f6ab88;
$peach-fizz-rgb: 246, 171, 136;
$peach-fizz-light: mix(#fff, $peach-fizz, 20%);
$peach-fizz-dark: mix(#000, $peach-fizz, 20%);
.element {
color: $peach-fizz;
box-shadow: 0 0 0 2px rgba($peach-fizz, 0.35);
}