Dichtstbijzijnde benoemde kleur · #F766B4
#F766B4
Dichtstbijzijnde benoemde kleur: Kisses
#F766B4 (rgb(247 102 180), hsl(328 90% 68%), oklch(0.714 0.194 349.8)) komt het dichtst bij de benoemde kleur Kisses. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#F766B4
oklch(0.714 0.194 349.8)
Kleurconversies
- HEX
- #f766b4
- RGB
- rgb(247 102 180)
- HSL
- hsl(328 90% 68%)
- HWB
- hwb(328 40% 3%)
- OKLCH
- oklch(0.714 0.194 349.8)
- OKLab
- oklab(0.714 0.191 -0.035)
- CIE Lab
- lab(64.15 62.04 -12.34)
- LCH
- lch(64.15 63.26 348.8)
- CMYK
- cmyk(0% 59% 27% 3%)
Tinten · Schaduwen · Tonen
Tinten
- FA77BB
- FC88C3
- FE98CA
- FFA7D2
- FFB6D9
- FFC5E1
- FFD3E8
- FFE2F0
- FFF1F7
Schaduwen
- D7589C
- B74A85
- 993C6E
- 7C2F58
- 602344
- 451730
- 2C0C1D
- 15040C
- 030002
Tonen
- EC6BAF
- E16FA9
- D572A4
- CA759F
- BE789A
- B27A95
- A67C8F
- 9A7E8A
- 8D7F85
Kleurharmonieën
Complementair +180°
- F766B4
Kisses
- 00BE95
≈ Blarney
Analoog -30° +30°
- F766B4
Kisses
- D674ED
≈ Calypso Orchid
- FF6B73
≈ Begonia
Triadisch +120° +240°
- F766B4
Kisses
- AAAA00
≈ Honey and Thyme
- 00B2E9
≈ Lynx Screen Blue
Gesplitst complementair +150° +210°
- F766B4
Kisses
- 56BE3A
≈ Exit Light
- 00B9C0
≈ Cyan Sky
Tetradisch +90° +180° +270°
- F766B4
Kisses
- D39600
≈ Leopard
- 00BE95
≈ Blarney
- 69A2FF
≈ Âbi Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.79:1 · APCA Lc 53
Ag
AAAOp zwart
WCAG 7.51:1 · APCA Lc 49
Beste tekstkleur: #000000
WCAG 7.51:1 (AAA) · APCA Lc 49
Contrast pairs
Codefragmenten
CSS
:root {
--kisses: #f766b4;
--kisses-rgb: 247 102 180;
--kisses-oklch: oklch(0.714 0.194 349.8);
}
.element {
color: var(--kisses);
background-color: hsl(328 90% 68%);
border-color: oklch(0.714 0.194 349.8);
}Tailwind CSS v4
@theme {
--color-kisses: #f766b4;
--color-kisses-50: #ffdffb;
--color-kisses-100: #ffcdef;
--color-kisses-200: #ffb1dd;
--color-kisses-300: #ff8ac2;
--color-kisses-400: #ef66af;
--color-kisses-500: #dc3b98;
--color-kisses-600: #ba3481;
--color-kisses-700: #962a67;
--color-kisses-800: #6f1d4e;
--color-kisses-900: #4e1336;
--color-kisses-950: #330421;
}SCSS
$kisses: #f766b4;
$kisses-rgb: 247, 102, 180;
$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);
}