Dichtstbijzijnde benoemde kleur · #FB917B
#FB917B
Dichtstbijzijnde benoemde kleur: Kissable
#FB917B (rgb(251 145 123), hsl(10 94% 73%), oklch(0.764 0.133 32.7)) komt het dichtst bij de benoemde kleur Kissable. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#FB917B
oklch(0.764 0.133 32.7)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- FD9D88
- FEA895
- FFB3A2
- FFBEB0
- FFC9BD
- FFD4CA
- FFDFD7
- FFE9E4
- FFF4F2
Schaduwen
- DA7D6A
- BA6A5A
- 9C584A
- 7E463A
- 61352C
- 46251E
- 2D1510
- 150705
- 030101
Tonen
- EF907C
- E38F7D
- D78D7E
- CB8C7E
- BE8A7F
- B2887F
- A68780
- 998580
- 8D8280
Kleurharmonieën
Complementair +180°
- FB917B
Kissable
- 08C8E4
≈ Picnic Day Sky
Analoog -30° +30°
- FB917B
Kissable
- F78DAB
≈ Unripe Strawberry
- EE9E51
≈ Doughnut
Triadisch +120° +240°
- FB917B
Kissable
- 69CB89
≈ Serengeti Green
- 99ADFF
≈ Widowmaker
Gesplitst complementair +150° +210°
- FB917B
Kissable
- 1BCDBA
≈ Exquisite Turquoise
- 5EBBFF
≈ Hello Summer
Tetradisch +90° +180° +270°
- FB917B
Kissable
- A3C05A
≈ Sapling
- 08C8E4
≈ Picnic Day Sky
- C39DF8
≈ Baby Purple
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.22:1 · APCA Lc 44
Ag
AAAOp zwart
WCAG 9.43:1 · APCA Lc 59
Beste tekstkleur: #000000
WCAG 9.43:1 (AAA) · APCA Lc 59
Contrast pairs
Codefragmenten
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);
}