Dichtstbijzijnde benoemde kleur · #FE5DBA
#FE5DBA
Dichtstbijzijnde benoemde kleur: Kisses
#FE5DBA (rgb(254 93 186), hsl(325 99% 68%), oklch(0.716 0.216 348.2)) komt het dichtst bij de benoemde kleur Kisses. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#FE5DBA
oklch(0.716 0.216 348.2)
Kleurconversies
- HEX
- #fe5dba
- RGB
- rgb(254 93 186)
- HSL
- hsl(325 99% 68%)
- HWB
- hwb(325 36% 0%)
- OKLCH
- oklch(0.716 0.216 348.2)
- OKLab
- oklab(0.716 0.211 -0.044)
- CIE Lab
- lab(64.06 68.21 -15.74)
- LCH
- lch(64.06 70 347)
- CMYK
- cmyk(0% 63% 27% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FF71C1
- FF82C8
- FF93CF
- FFA4D6
- FFB3DC
- FFC3E3
- FFD2EA
- FFE1F1
- FFF0F8
Schaduwen
- DD50A1
- BD4389
- 9E3772
- 802A5C
- 631F46
- 471432
- 2D0A1E
- 16030D
- 030002
Tonen
- F264B4
- E669AE
- DA6EA8
- CE72A3
- C2759D
- B57897
- A97B91
- 9C7D8B
- 8E7F86
Kleurharmonieën
Complementair +180°
- FE5DBA
Kisses
- 00BF92
≈ Blarney
Analoog -30° +30°
- FE5DBA
Kisses
- D96EF8
≈ Venus Slipper Orchid
- FF6C77
≈ Begonia
Triadisch +120° +240°
- FE5DBA
Kisses
- ADA900
≈ Honey and Thyme
- 00B3E8
≈ Blue Atoll
Gesplitst complementair +150° +210°
- FE5DBA
Kisses
- 51C016
≈ Frog
- 00BABF
≈ Caicos Turquoise
Tetradisch +90° +180° +270°
- FE5DBA
Kisses
- D59600
≈ Leopard
- 00BF92
≈ Blarney
- 66A3FF
≈ Âbi Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.80:1 · APCA Lc 53
Ag
AAAOp zwart
WCAG 7.48:1 · APCA Lc 49
Beste tekstkleur: #000000
WCAG 7.48:1 (AAA) · APCA Lc 49
Contrast pairs
Codefragmenten
CSS
:root {
--kisses: #fe5dba;
--kisses-rgb: 254 93 186;
--kisses-oklch: oklch(0.716 0.216 348.2);
}
.element {
color: var(--kisses);
background-color: hsl(325 99% 68%);
border-color: oklch(0.716 0.216 348.2);
}Tailwind CSS v4
@theme {
--color-kisses: #fe5dba;
--color-kisses-50: #ffdcfe;
--color-kisses-100: #ffcaf2;
--color-kisses-200: #ffade1;
--color-kisses-300: #ff84c6;
--color-kisses-400: #f55db4;
--color-kisses-500: #e32a9e;
--color-kisses-600: #bf2786;
--color-kisses-700: #9a1f6b;
--color-kisses-800: #721551;
--color-kisses-900: #510e39;
--color-kisses-950: #350123;
}SCSS
$kisses: #fe5dba;
$kisses-rgb: 254, 93, 186;
$kisses-light: mix(#fff, $kisses, 20%);
$kisses-dark: mix(#000, $kisses, 20%);
.element {
color: $kisses;
box-shadow: 0 0 0 2px rgba($kisses, 0.35);
}