Couleur nommée la plus proche · #FB917B
#FB917B
Couleur nommée la plus proche: Kissable
#FB917B (rgb(251 145 123), hsl(10 94% 73%), oklch(0.764 0.133 32.7)) est la plus proche de la couleur nommée Kissable. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FB917B
oklch(0.764 0.133 32.7)
Conversions de couleur
- HEX
- #fb917b
- RGB
- rgb(251 145 123)
- HSL
- hsl(10 94% 73%)
- HWB
- hwb(10 48% 2%)
- OKLCH
- oklch(0.764 0.133 32.7)
- OKLab
- oklab(0.764 0.112 0.072)
- CIE Lab
- lab(71.53 39.39 29.99)
- LCH
- lch(71.53 49.51 37.3)
- CMYK
- cmyk(0% 42% 51% 2%)
Teintes · Ombres · Tons
Teintes
- FD9D88
- FEA895
- FFB3A2
- FFBEB0
- FFC9BD
- FFD4CA
- FFDFD7
- FFE9E4
- FFF4F2
Ombres
- DA7D6A
- BA6A5A
- 9C584A
- 7E463A
- 61352C
- 46251E
- 2D1510
- 150705
- 030101
Tons
- EF907C
- E38F7D
- D78D7E
- CB8C7E
- BE8A7F
- B2887F
- A68780
- 998580
- 8D8280
Harmonies de couleurs
Complémentaire +180°
- FB917B
Kissable
- 08C8E4
≈ Picnic Day Sky
Analogue -30° +30°
- FB917B
Kissable
- F78DAB
≈ Unripe Strawberry
- EE9E51
≈ Doughnut
Triadique +120° +240°
- FB917B
Kissable
- 69CB89
≈ Serengeti Green
- 99ADFF
≈ Widowmaker
Complémentaire divisée +150° +210°
- FB917B
Kissable
- 1BCDBA
≈ Exquisite Turquoise
- 5EBBFF
≈ Hello Summer
Tétradique +90° +180° +270°
- FB917B
Kissable
- A3C05A
≈ Sapling
- 08C8E4
≈ Picnic Day Sky
- C39DF8
≈ Baby Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.22:1 · APCA Lc 44
Ag
AAASur noir
WCAG 9.43:1 · APCA Lc 59
Meilleure couleur de texte: #000000
WCAG 9.43:1 (AAA) · APCA Lc 59
Contrast pairs
Extraits de code
CSS
:root {
--kissable: #fb917b;
--kissable-rgb: 251 145 123;
--kissable-oklch: oklch(0.764 0.133 32.7);
}
.element {
color: var(--kissable);
background-color: hsl(10 94% 73%);
border-color: oklch(0.764 0.133 32.7);
}Tailwind CSS v4
@theme {
--color-kissable: #fb917b;
--color-kissable-50: #ffe8dc;
--color-kissable-100: #ffd9cb;
--color-kissable-200: #ffc0ae;
--color-kissable-300: #f39e89;
--color-kissable-400: #e27f6b;
--color-kissable-500: #cf604a;
--color-kissable-600: #af523f;
--color-kissable-700: #8c4132;
--color-kissable-800: #692e25;
--color-kissable-900: #4a1f18;
--color-kissable-950: #300e09;
}SCSS
$kissable: #fb917b;
$kissable-rgb: 251, 145, 123;
$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);
}