色名 · #E2BCB8
Balcony Rose
Balcony Roseは#E2BCB8：rgb(226 188 184)、hsl(6 42% 80%)、oklch(0.827 0.044 25.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Balcony Rose color name →
#E2BCB8
oklch(0.827 0.044 25.1)
カラー変換
- HEX
- #e2bcb8
- RGB
- rgb(226 188 184)
- HSL
- hsl(6 42% 80%)
- HWB
- hwb(6 72% 11%)
- OKLCH
- oklch(0.827 0.044 25.1)
- OKLab
- oklab(0.827 0.04 0.019)
- CIE Lab
- lab(79.54 13.58 7.4)
- LCH
- lch(79.54 15.46 28.6)
- CMYK
- cmyk(0% 17% 19% 11%)
ティント · シェード · トーン
ティント
- E5C3BF
- E8C9C6
- EBD0CD
- EED7D4
- F1DDDB
- F4E4E2
- F7EBE9
- FAF1F1
- FCF8F8
シェード
- C4A3A0
- A88B88
- 8C7371
- 715D5B
- 574745
- 3E3231
- 271F1E
- 120D0C
- 030202
トーン
- D8B6B2
- CEB0AD
- C4AAA7
- BAA4A1
- B09E9C
- A69896
- 9D9290
- 938C8B
- 8A8685
カラーハーモニー
補色 +180°
- E2BCB8
Balcony Rose
- A6CFD4
≈ Plume
類似色 -30° +30°
- E2BCB8
Balcony Rose
- DFBBC8
≈ Spring Pink
- DEC0AC
≈ Cinnamon Tea
トライアド +120° +240°
- E2BCB8
Balcony Rose
- B5CFB5
≈ Lime Taffy
- B9C7E4
≈ Beautiful Dream
スプリットコンプリメンタリー +150° +210°
- E2BCB8
Balcony Rose
- A9D0C5
≈ Whirlpool Green
- ACCCDF
≈ Himalaya Blue
テトラード +90° +180° +270°
- E2BCB8
Balcony Rose
- C5CAAA
≈ Jardin de Hierbas
- A6CFD4
≈ Plume
- C8C1E1
≈ Party Hat
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.73:1 · APCA Lc 31
Ag
AAA黒の上
WCAG 12.11:1 · APCA Lc 71
最適な文字色: #000000
WCAG 12.11:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--balcony-rose: #e2bcb8;
--balcony-rose-rgb: 226 188 184;
--balcony-rose-oklch: oklch(0.827 0.044 25.1);
}
.element {
color: var(--balcony-rose);
background-color: hsl(6 42% 80%);
border-color: oklch(0.827 0.044 25.1);
}Tailwind CSS v4
@theme {
--color-balcony-rose: #e2bcb8;
--color-balcony-rose-50: #fff1ee;
--color-balcony-rose-100: #f6e3e0;
--color-balcony-rose-200: #e7ceca;
--color-balcony-rose-300: #cdafab;
--color-balcony-rose-400: #b79591;
--color-balcony-rose-500: #a27b77;
--color-balcony-rose-600: #896865;
--color-balcony-rose-700: #6e5351;
--color-balcony-rose-800: #513d3b;
--color-balcony-rose-900: #382a29;
--color-balcony-rose-950: #231716;
}SCSS
$balcony-rose: #e2bcb8;
$balcony-rose-rgb: 226, 188, 184;
$balcony-rose-light: mix(#fff, $balcony-rose, 20%);
$balcony-rose-dark: mix(#000, $balcony-rose, 20%);
.element {
color: $balcony-rose;
box-shadow: 0 0 0 2px rgba($balcony-rose, 0.35);
}