Dichtstbijzijnde benoemde kleur · #FFE6E9
#FFE6E9
Dichtstbijzijnde benoemde kleur: Porcelain Skin
#FFE6E9 (rgb(255 230 233), hsl(353 100% 95%), oklch(0.946 0.028 9.4)) komt het dichtst bij de benoemde kleur Porcelain Skin. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#FFE6E9
oklch(0.946 0.028 9.4)
Kleurconversies
- HEX
- #ffe6e9
- RGB
- rgb(255 230 233)
- HSL
- hsl(353 100% 95%)
- HWB
- hwb(353 90% 0%)
- OKLCH
- oklch(0.946 0.028 9.4)
- OKLab
- oklab(0.946 0.027 0.005)
- CIE Lab
- lab(93.41 9.19 1.81)
- LCH
- lch(93.41 9.37 11.2)
- CMYK
- cmyk(0% 10% 9% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFE8EB
- FFEBED
- FFEDF0
- FFF0F2
- FFF2F4
- FFF5F6
- FFF7F8
- FFFAFB
- FFFCFD
Schaduwen
- DEC8CB
- BEABAD
- 9E8E90
- 807374
- 63595A
- 484041
- 2E2829
- 161313
- 030303
Tonen
- F2DBDE
- E4D1D3
- D7C6C8
- CABCBE
- BEB2B3
- B1A8A9
- A59D9E
- 989494
- 8C8A8A
Kleurharmonieën
Complementair +180°
- FFE6E9
Porcelain Skin
- D9F4F1
≈ Air of Mint
Analoog -30° +30°
- FFE6E9
Porcelain Skin
- FBE6F3
≈ Cherry Pearl
- FFE7E0
≈ Olm Pink
Triadisch +120° +240°
- FFE6E9
Porcelain Skin
- E7F1DE
≈ Lower Lime
- E0EFFF
≈ Calcareous Sinter
Gesplitst complementair +150° +210°
- FFE6E9
Porcelain Skin
- DEF3E7
≈ Particle Cannon
- DAF2FA
≈ Water
Tetradisch +90° +180° +270°
- FFE6E9
Porcelain Skin
- F1EED9
≈ Perfect Solution
- D9F4F1
≈ Air of Mint
- E9ECFF
≈ Brilliant White
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.18:1 · APCA Lc 9
Ag
AAAOp zwart
WCAG 17.74:1 · APCA Lc 95
Beste tekstkleur: #000000
WCAG 17.74:1 (AAA) · APCA Lc 95
Contrast pairs
Codefragmenten
CSS
:root {
--porcelain-skin: #ffe6e9;
--porcelain-skin-rgb: 255 230 233;
--porcelain-skin-oklch: oklch(0.946 0.028 9.4);
}
.element {
color: var(--porcelain-skin);
background-color: hsl(353 100% 95%);
border-color: oklch(0.946 0.028 9.4);
}Tailwind CSS v4
@theme {
--color-porcelain-skin: #ffe6e9;
--color-porcelain-skin-50: #fdf2f3;
--color-porcelain-skin-100: #f1e4e5;
--color-porcelain-skin-200: #e0d0d1;
--color-porcelain-skin-300: #c5b2b4;
--color-porcelain-skin-400: #ae989b;
--color-porcelain-skin-500: #977f82;
--color-porcelain-skin-600: #806c6e;
--color-porcelain-skin-700: #675658;
--color-porcelain-skin-800: #4b3f41;
--color-porcelain-skin-900: #342b2c;
--color-porcelain-skin-950: #20181a;
}SCSS
$porcelain-skin: #ffe6e9;
$porcelain-skin-rgb: 255, 230, 233;
$porcelain-skin-light: mix(#fff, $porcelain-skin, 20%);
$porcelain-skin-dark: mix(#000, $porcelain-skin, 20%);
.element {
color: $porcelain-skin;
box-shadow: 0 0 0 2px rgba($porcelain-skin, 0.35);
}