色名 · #EBBDB8
Bridal Bouquet
Bridal Bouquetは#EBBDB8：rgb(235 189 184)、hsl(6 56% 82%)、oklch(0.838 0.054 25.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Bridal Bouquet color name →
#EBBDB8
oklch(0.838 0.054 25.5)
カラー変換
- HEX
- #ebbdb8
- RGB
- rgb(235 189 184)
- HSL
- hsl(6 56% 82%)
- HWB
- hwb(6 72% 8%)
- OKLCH
- oklch(0.838 0.054 25.5)
- OKLab
- oklab(0.838 0.048 0.023)
- CIE Lab
- lab(80.67 16.46 9.13)
- LCH
- lch(80.67 18.83 29)
- CMYK
- cmyk(0% 20% 22% 8%)
ティント · シェード · トーン
ティント
- EDC4BF
- F0CAC6
- F2D1CD
- F4D7D4
- F6DEDB
- F8E4E2
- FAEBE9
- FCF2F1
- FDF8F8
シェード
- CCA4A0
- AE8C88
- 917471
- 755D5B
- 5B4745
- 413331
- 291F1E
- 130D0C
- 030202
トーン
- E0B7B2
- D5B1AD
- CAAAA7
- BFA4A1
- B59E9C
- AA9896
- 9F9290
- 958C8B
- 8A8685
カラーハーモニー
補色 +180°
- EBBDB8
Bridal Bouquet
- A1D4DB
≈ Midwinter Mist
類似色 -30° +30°
- EBBDB8
Bridal Bouquet
- E8BCCB
≈ Pink Mist
- E6C1A9
≈ Adobe South
トライアド +120° +240°
- EBBDB8
Bridal Bouquet
- B5D4B5
≈ Enchanted Meadow
- B9CAEE
≈ Cuddle
スプリットコンプリメンタリー +150° +210°
- EBBDB8
Bridal Bouquet
- A6D6C8
≈ Yucca Cream
- A9D0E8
≈ Gentle Wind
テトラード +90° +180° +270°
- EBBDB8
Bridal Bouquet
- C8CFA7
≈ Baize Green
- A1D4DB
≈ Midwinter Mist
- CCC3EA
≈ Party Hat
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.67:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.50:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.50:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--bridal-bouquet: #ebbdb8;
--bridal-bouquet-rgb: 235 189 184;
--bridal-bouquet-oklch: oklch(0.838 0.054 25.5);
}
.element {
color: var(--bridal-bouquet);
background-color: hsl(6 56% 82%);
border-color: oklch(0.838 0.054 25.5);
}Tailwind CSS v4
@theme {
--color-bridal-bouquet: #ebbdb8;
--color-bridal-bouquet-50: #fff0ed;
--color-bridal-bouquet-100: #fae2de;
--color-bridal-bouquet-200: #ebccc8;
--color-bridal-bouquet-300: #d2aea8;
--color-bridal-bouquet-400: #bc938e;
--color-bridal-bouquet-500: #a77974;
--color-bridal-bouquet-600: #8d6662;
--color-bridal-bouquet-700: #71524e;
--color-bridal-bouquet-800: #543b39;
--color-bridal-bouquet-900: #3a2927;
--color-bridal-bouquet-950: #241615;
}SCSS
$bridal-bouquet: #ebbdb8;
$bridal-bouquet-rgb: 235, 189, 184;
$bridal-bouquet-light: mix(#fff, $bridal-bouquet, 20%);
$bridal-bouquet-dark: mix(#000, $bridal-bouquet, 20%);
.element {
color: $bridal-bouquet;
box-shadow: 0 0 0 2px rgba($bridal-bouquet, 0.35);
}