最も近い色名 · #FFE6E9
#FFE6E9
最も近い色名: Porcelain Skin
#FFE6E9（rgb(255 230 233)、hsl(353 100% 95%)、oklch(0.946 0.028 9.4)）に最も近い色名はPorcelain Skinです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FFE6E9
oklch(0.946 0.028 9.4)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- FFE8EB
- FFEBED
- FFEDF0
- FFF0F2
- FFF2F4
- FFF5F6
- FFF7F8
- FFFAFB
- FFFCFD
シェード
- DEC8CB
- BEABAD
- 9E8E90
- 807374
- 63595A
- 484041
- 2E2829
- 161313
- 030303
トーン
- F2DBDE
- E4D1D3
- D7C6C8
- CABCBE
- BEB2B3
- B1A8A9
- A59D9E
- 989494
- 8C8A8A
カラーハーモニー
補色 +180°
- FFE6E9
Porcelain Skin
- D9F4F1
≈ Air of Mint
類似色 -30° +30°
- FFE6E9
Porcelain Skin
- FBE6F3
≈ Cherry Pearl
- FFE7E0
≈ Olm Pink
トライアド +120° +240°
- FFE6E9
Porcelain Skin
- E7F1DE
≈ Lower Lime
- E0EFFF
≈ Calcareous Sinter
スプリットコンプリメンタリー +150° +210°
- FFE6E9
Porcelain Skin
- DEF3E7
≈ Particle Cannon
- DAF2FA
≈ Water
テトラード +90° +180° +270°
- FFE6E9
Porcelain Skin
- F1EED9
≈ Perfect Solution
- D9F4F1
≈ Air of Mint
- E9ECFF
≈ Brilliant White
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.18:1 · APCA Lc 9
Ag
AAA黒の上
WCAG 17.74:1 · APCA Lc 95
最適な文字色: #000000
WCAG 17.74:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
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);
}