Dichtstbijzijnde benoemde kleur · #FA8998
#FA8998
Dichtstbijzijnde benoemde kleur: Xoxo
#FA8998 (rgb(250 137 152), hsl(352 92% 76%), oklch(0.757 0.138 12.5)) komt het dichtst bij de benoemde kleur Xoxo. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#FA8998
oklch(0.757 0.138 12.5)
Kleurconversies
- HEX
- #fa8998
- RGB
- rgb(250 137 152)
- HSL
- hsl(352 92% 76%)
- HWB
- hwb(352 54% 2%)
- OKLCH
- oklch(0.757 0.138 12.5)
- OKLab
- oklab(0.757 0.134 0.03)
- CIE Lab
- lab(70.25 44.92 12.29)
- LCH
- lch(70.25 46.57 15.3)
- CMYK
- cmyk(0% 45% 39% 2%)
Tinten · Schaduwen · Tonen
Tinten
- FC95A2
- FEA2AC
- FFADB6
- FFB9C0
- FFC5CA
- FFD1D5
- FFDCDF
- FFE8EA
- FFF3F4
Schaduwen
- D97684
- BA6470
- 9B535C
- 7D424A
- 613138
- 462227
- 2D1417
- 150708
- 030101
Tonen
- EE8996
- E28993
- D68891
- CA878E
- BE878C
- B2868A
- A68487
- 998385
- 8D8282
Kleurharmonieën
Complementair +180°
- FA8998
Xoxo
- 00C9C6
≈ Tilla Kari Mosque
Analoog -30° +30°
Triadisch +120° +240°
Gesplitst complementair +150° +210°
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.30:1 · APCA Lc 45
Ag
AAAOp zwart
WCAG 9.09:1 · APCA Lc 57
Beste tekstkleur: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
Codefragmenten
CSS
:root {
--xoxo: #fa8998;
--xoxo-rgb: 250 137 152;
--xoxo-oklch: oklch(0.757 0.138 12.5);
}
.element {
color: var(--xoxo);
background-color: hsl(352 92% 76%);
border-color: oklch(0.757 0.138 12.5);
}Tailwind CSS v4
@theme {
--color-xoxo: #fa8998;
--color-xoxo-50: #ffe6e9;
--color-xoxo-100: #ffd6da;
--color-xoxo-200: #ffbdc2;
--color-xoxo-300: #f59aa1;
--color-xoxo-400: #e37a88;
--color-xoxo-500: #d0596d;
--color-xoxo-600: #b04c5c;
--color-xoxo-700: #8d3d4a;
--color-xoxo-800: #692b37;
--color-xoxo-900: #4a1d26;
--color-xoxo-950: #300d14;
}SCSS
$xoxo: #fa8998;
$xoxo-rgb: 250, 137, 152;
$xoxo-light: mix(#fff, $xoxo, 20%);
$xoxo-dark: mix(#000, $xoxo, 20%);
.element {
color: $xoxo;
box-shadow: 0 0 0 2px rgba($xoxo, 0.35);
}