色名 · #FBECD8
White Blush
White Blushは#FBECD8：rgb(251 236 216)、hsl(34 81% 92%)、oklch(0.95 0.031 75.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · White Blush color name →
#FBECD8
oklch(0.95 0.031 75.2)
カラー変換
- HEX
- #fbecd8
- RGB
- rgb(251 236 216)
- HSL
- hsl(34 81% 92%)
- HWB
- hwb(34 85% 2%)
- OKLCH
- oklch(0.95 0.031 75.2)
- OKLab
- oklab(0.95 0.008 0.03)
- CIE Lab
- lab(94.21 2.86 11.65)
- LCH
- lch(94.21 12 76.2)
- CMYK
- cmyk(0% 6% 14% 2%)
ティント · シェード · トーン
ティント
- FBEEDC
- FCF0E0
- FCF2E4
- FDF4E8
- FDF6EC
- FDF7EF
- FEF9F3
- FEFBF7
- FFFDFB
シェード
- DACDBC
- BAAFA0
- 9C9285
- 7E766B
- 615B53
- 46423B
- 2D2925
- 151311
- 030302
トーン
- EEE1CF
- E1D5C6
- D5CABD
- C8BFB4
- BCB5AB
- AFAAA2
- A39F9A
- 979591
- 8C8A88
カラーハーモニー
補色 +180°
- FBECD8
White Blush
- E4F0FF
≈ Cotton Boll
類似色 -30° +30°
- FBECD8
White Blush
- FFE9E0
≈ Translucent Silk
- F1F0D8
≈ Yellow Emulsion
トライアド +120° +240°
- FBECD8
White Blush
- D8F5F5
≈ Fishious Rend
- F7E9FD
≈ Placebo Fuchsia
スプリットコンプリメンタリー +150° +210°
- FBECD8
White Blush
- D9F3FE
≈ Wizard White
- ECECFF
≈ Carte Blanche
テトラード +90° +180° +270°
- FBECD8
White Blush
- DCF5E9
≈ Treacherous Blizzard
- E4F0FF
≈ Cotton Boll
- FFE7F3
≈ Fairy Dust
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.16:1 · APCA Lc 8
Ag
AAA黒の上
WCAG 18.09:1 · APCA Lc 97
最適な文字色: #000000
WCAG 18.09:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--white-blush: #fbecd8;
--white-blush-rgb: 251 236 216;
--white-blush-oklch: oklch(0.95 0.031 75.2);
}
.element {
color: var(--white-blush);
background-color: hsl(34 81% 92%);
border-color: oklch(0.95 0.031 75.2);
}Tailwind CSS v4
@theme {
--color-white-blush: #fbecd8;
--color-white-blush-50: #faf4ec;
--color-white-blush-100: #eee7dd;
--color-white-blush-200: #dcd3c6;
--color-white-blush-300: #c0b6a6;
--color-white-blush-400: #a99c8b;
--color-white-blush-500: #938470;
--color-white-blush-600: #7c6f5f;
--color-white-blush-700: #63594c;
--color-white-blush-800: #494137;
--color-white-blush-900: #332d25;
--color-white-blush-950: #1e1a14;
}SCSS
$white-blush: #fbecd8;
$white-blush-rgb: 251, 236, 216;
$white-blush-light: mix(#fff, $white-blush, 20%);
$white-blush-dark: mix(#000, $white-blush, 20%);
.element {
color: $white-blush;
box-shadow: 0 0 0 2px rgba($white-blush, 0.35);
}