色名 · #E5BEBA
Miniature Posey
Miniature Poseyは#E5BEBA：rgb(229 190 186)、hsl(6 45% 81%)、oklch(0.834 0.045 25)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Miniature Posey color name →
#E5BEBA
oklch(0.834 0.045 25)
カラー変換
- HEX
- #e5beba
- RGB
- rgb(229 190 186)
- HSL
- hsl(6 45% 81%)
- HWB
- hwb(6 73% 10%)
- OKLCH
- oklch(0.834 0.045 25)
- OKLab
- oklab(0.834 0.041 0.019)
- CIE Lab
- lab(80.36 13.93 7.53)
- LCH
- lch(80.36 15.83 28.4)
- CMYK
- cmyk(0% 17% 19% 10%)
ティント · シェード · トーン
ティント
- E8C4C1
- EBCBC8
- EDD1CE
- F0D8D5
- F3DEDC
- F5E5E3
- F8EBEA
- FAF2F1
- FDF8F8
シェード
- C7A5A1
- AA8C89
- 8E7572
- 725E5C
- 584846
- 3F3332
- 281F1E
- 120D0D
- 030202
トーン
- DBB8B4
- D0B1AE
- C6ABA8
- BCA5A2
- B29F9D
- A89897
- 9E9291
- 948C8B
- 8A8686
カラーハーモニー
補色 +180°
- E5BEBA
Miniature Posey
- A7D2D7
≈ Aqua Frost
類似色 -30° +30°
- E5BEBA
Miniature Posey
- E2BDCA
≈ Spring Pink
- E1C2AD
≈ Tailor’s Buff
トライアド +120° +240°
- E5BEBA
Miniature Posey
- B7D1B7
≈ Lime Taffy
- BAC9E7
≈ Pale Wisteria
スプリットコンプリメンタリー +150° +210°
- E5BEBA
Miniature Posey
- ABD3C7
≈ Feeling Lucky
- ADCEE2
≈ Polar Seas
テトラード +90° +180° +270°
- E5BEBA
Miniature Posey
- C7CDAB
≈ Baize Green
- A7D2D7
≈ Aqua Frost
- CAC3E4
≈ Party Hat
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.69:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.40:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--miniature-posey: #e5beba;
--miniature-posey-rgb: 229 190 186;
--miniature-posey-oklch: oklch(0.834 0.045 25);
}
.element {
color: var(--miniature-posey);
background-color: hsl(6 45% 81%);
border-color: oklch(0.834 0.045 25);
}Tailwind CSS v4
@theme {
--color-miniature-posey: #e5beba;
--color-miniature-posey-50: #fff1ee;
--color-miniature-posey-100: #f7e3e0;
--color-miniature-posey-200: #e7cdca;
--color-miniature-posey-300: #ceafab;
--color-miniature-posey-400: #b89591;
--color-miniature-posey-500: #a27b77;
--color-miniature-posey-600: #896865;
--color-miniature-posey-700: #6e5351;
--color-miniature-posey-800: #513c3b;
--color-miniature-posey-900: #392928;
--color-miniature-posey-950: #231716;
}SCSS
$miniature-posey: #e5beba;
$miniature-posey-rgb: 229, 190, 186;
$miniature-posey-light: mix(#fff, $miniature-posey, 20%);
$miniature-posey-dark: mix(#000, $miniature-posey, 20%);
.element {
color: $miniature-posey;
box-shadow: 0 0 0 2px rgba($miniature-posey, 0.35);
}