最も近い色名 · #E3B6E1
#E3B6E1
最も近い色名: Blushing Sky
#E3B6E1（rgb(227 182 225)、hsl(303 45% 80%)、oklch(0.829 0.077 327.7)）に最も近い色名はBlushing Skyです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E3B6E1
oklch(0.829 0.077 327.7)
カラー変換
- HEX
- #e3b6e1
- RGB
- rgb(227 182 225)
- HSL
- hsl(303 45% 80%)
- HWB
- hwb(303 71% 11%)
- OKLCH
- oklch(0.829 0.077 327.7)
- OKLab
- oklab(0.829 0.065 -0.041)
- CIE Lab
- lab(79.15 22.08 -15.17)
- LCH
- lch(79.15 26.79 325.5)
- CMYK
- cmyk(0% 20% 1% 11%)
ティント · シェード · トーン
ティント
- E6BDE4
- E9C5E7
- ECCCEA
- EFD3ED
- F2DAF0
- F4E2F3
- F7E9F6
- FAF0F9
- FCF8FC
シェード
- C59EC4
- A886A7
- 8C6F8B
- 715970
- 574456
- 3F303E
- 271D27
- 120C12
- 030202
トーン
- D9B1D7
- CFABCD
- C5A6C3
- BBA0B9
- B19BAF
- A795A6
- 9D909C
- 938B93
- 8A8589
カラーハーモニー
補色 +180°
- E3B6E1
Blushing Sky
- A6D5AB
≈ Frugal
類似色 -30° +30°
- E3B6E1
Blushing Sky
- CCBDF3
≈ Connecticut Lilac
- F1B3C7
≈ Rhodonite
トライアド +120° +240°
- E3B6E1
Blushing Sky
- DCC58D
≈ Lemon Sorbet Yellow
- 89D6E1
≈ Fresh Blue
スプリットコンプリメンタリー +150° +210°
- E3B6E1
Blushing Sky
- C3CE95
≈ Dancing Green
- 8FD8C7
≈ Riptide
テトラード +90° +180° +270°
- E3B6E1
Blushing Sky
- EEBB96
≈ Caramel Powder
- A6D5AB
≈ Frugal
- 98CFF4
≈ Fail Whale
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.74:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 12.04:1 · APCA Lc 71
最適な文字色: #000000
WCAG 12.04:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--blushing-sky: #e3b6e1;
--blushing-sky-rgb: 227 182 225;
--blushing-sky-oklch: oklch(0.829 0.077 327.7);
}
.element {
color: var(--blushing-sky);
background-color: hsl(303 45% 80%);
border-color: oklch(0.829 0.077 327.7);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #e3b6e1;
--color-blushing-sky-50: #ffeeff;
--color-blushing-sky-100: #f7dff4;
--color-blushing-sky-200: #e8c9e4;
--color-blushing-sky-300: #ceaacb;
--color-blushing-sky-400: #b88fb6;
--color-blushing-sky-500: #a274a0;
--color-blushing-sky-600: #896288;
--color-blushing-sky-700: #6e4e6d;
--color-blushing-sky-800: #503951;
--color-blushing-sky-900: #382738;
--color-blushing-sky-950: #221523;
}SCSS
$blushing-sky: #e3b6e1;
$blushing-sky-rgb: 227, 182, 225;
$blushing-sky-light: mix(#fff, $blushing-sky, 20%);
$blushing-sky-dark: mix(#000, $blushing-sky, 20%);
.element {
color: $blushing-sky;
box-shadow: 0 0 0 2px rgba($blushing-sky, 0.35);
}