Cor nomeada mais próxima · #FB917B
#FB917B
Cor nomeada mais próxima: Kissable
#FB917B (rgb(251 145 123), hsl(10 94% 73%), oklch(0.764 0.133 32.7)) é mais próxima da cor nomeada Kissable. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#FB917B
oklch(0.764 0.133 32.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FD9D88
- FEA895
- FFB3A2
- FFBEB0
- FFC9BD
- FFD4CA
- FFDFD7
- FFE9E4
- FFF4F2
Sombras
- DA7D6A
- BA6A5A
- 9C584A
- 7E463A
- 61352C
- 46251E
- 2D1510
- 150705
- 030101
Tons
- EF907C
- E38F7D
- D78D7E
- CB8C7E
- BE8A7F
- B2887F
- A68780
- 998580
- 8D8280
Harmonias de cor
Complementar +180°
- FB917B
Kissable
- 08C8E4
≈ Picnic Day Sky
Análoga -30° +30°
- FB917B
Kissable
- F78DAB
≈ Unripe Strawberry
- EE9E51
≈ Doughnut
Tríade +120° +240°
- FB917B
Kissable
- 69CB89
≈ Serengeti Green
- 99ADFF
≈ Widowmaker
Complementar dividida +150° +210°
- FB917B
Kissable
- 1BCDBA
≈ Exquisite Turquoise
- 5EBBFF
≈ Hello Summer
Tétrade +90° +180° +270°
- FB917B
Kissable
- A3C05A
≈ Sapling
- 08C8E4
≈ Picnic Day Sky
- C39DF8
≈ Baby Purple
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.22:1 · APCA Lc 44
Ag
AAASobre preto
WCAG 9.43:1 · APCA Lc 59
Melhor cor de texto: #000000
WCAG 9.43:1 (AAA) · APCA Lc 59
Contrast pairs
Trechos de código
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);
}