Couleur nommée la plus proche · #F98B79
#F98B79
Couleur nommée la plus proche: Kissable
#F98B79 (rgb(249 139 121), hsl(8 91% 73%), oklch(0.752 0.137 30.4)) est la plus proche de la couleur nommée Kissable. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F98B79
oklch(0.752 0.137 30.4)
Conversions de couleur
- HEX
- #f98b79
- RGB
- rgb(249 139 121)
- HSL
- hsl(8 91% 73%)
- HWB
- hwb(8 47% 2%)
- OKLCH
- oklch(0.752 0.137 30.4)
- OKLab
- oklab(0.752 0.118 0.069)
- CIE Lab
- lab(70 41.42 29.05)
- LCH
- lch(70 50.59 35)
- CMYK
- cmyk(0% 44% 51% 2%)
Teintes · Ombres · Tons
Teintes
- FB9786
- FDA394
- FEAFA1
- FFBBAE
- FFC6BB
- FFD2C9
- FFDDD6
- FFE8E4
- FFF4F1
Ombres
- D97868
- B96658
- 9A5448
- 7D4339
- 61322B
- 46231D
- 2C1410
- 150705
- 030101
Tons
- ED8B7A
- E18A7B
- D5897C
- CA897D
- BE887E
- B2867E
- A5857F
- 99837F
- 8D8280
Harmonies de couleurs
Complémentaire +180°
- F98B79
Kissable
- 00C4DC
≈ Caribbean Blue
Analogue -30° +30°
- F98B79
Kissable
- F487AA
≈ Brown Knapweed
- ED984B
≈ Autumn Orange
Triadique +120° +240°
- F98B79
Kissable
- 67C780
≈ Soft Green
- 90AAFF
≈ Widowmaker
Complémentaire divisée +150° +210°
- F98B79
Kissable
- 00CAB2
≈ Pristine Oceanic
- 4FB9FC
≈ Glitter Lake
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.33:1 · APCA Lc 46
Ag
AAASur noir
WCAG 8.99:1 · APCA Lc 56
Meilleure couleur de texte: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
Extraits de code
CSS
:root {
--kissable: #f98b79;
--kissable-rgb: 249 139 121;
--kissable-oklch: oklch(0.752 0.137 30.4);
}
.element {
color: var(--kissable);
background-color: hsl(8 91% 73%);
border-color: oklch(0.752 0.137 30.4);
}Tailwind CSS v4
@theme {
--color-kissable: #f98b79;
--color-kissable-50: #ffe8dd;
--color-kissable-100: #ffd8cb;
--color-kissable-200: #ffbfaf;
--color-kissable-300: #f59d8b;
--color-kissable-400: #e47d6c;
--color-kissable-500: #d15d4c;
--color-kissable-600: #b14f41;
--color-kissable-700: #8e3f33;
--color-kissable-800: #6a2d26;
--color-kissable-900: #4b1e19;
--color-kissable-950: #310e0a;
}SCSS
$kissable: #f98b79;
$kissable-rgb: 249, 139, 121;
$kissable-light: mix(#fff, $kissable, 20%);
$kissable-dark: mix(#000, $kissable, 20%);
.element {
color: $kissable;
box-shadow: 0 0 0 2px rgba($kissable, 0.35);
}