色名 · #FBEBBB
Wheaten White
Wheaten Whiteは#FBEBBB：rgb(251 235 187)、hsl(45 89% 86%)、oklch(0.941 0.064 91.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Wheaten White color name →
#FBEBBB
oklch(0.941 0.064 91.8)
カラー変換
- HEX
- #fbebbb
- RGB
- rgb(251 235 187)
- HSL
- hsl(45 89% 86%)
- HWB
- hwb(45 73% 2%)
- OKLCH
- oklch(0.941 0.064 91.8)
- OKLab
- oklab(0.941 -0.002 0.064)
- CIE Lab
- lab(93.46 0.27 25.46)
- LCH
- lch(93.46 25.46 89.4)
- CMYK
- cmyk(0% 6% 25% 2%)
ティント · シェード · トーン
ティント
- FBEDC2
- FCEFC9
- FCF1D0
- FDF3D7
- FDF5DD
- FDF7E4
- FEF9EB
- FEFBF2
- FFFDF8
シェード
- DACCA2
- BAAE8A
- 9C9173
- 7E755C
- 615B46
- 464132
- 2D291F
- 15130D
- 030302
トーン
- EEE0B5
- E1D5AF
- D5CAA9
- C8BFA4
- BCB49E
- AFAA98
- A39F92
- 97958C
- 8C8A86
カラーハーモニー
補色 +180°
- FBEBBB
Wheaten White
- E5EBFF
≈ Icy Lilac
類似色 -30° +30°
- FBEBBB
Wheaten White
- FFE7D2
≈ Mood Lighting
- E4F3C3
≈ Freshman
トライアド +120° +240°
- FBEBBB
Wheaten White
- C6F5FF
≈ Vaporised
- FFE1FA
≈ Fairy Salt
スプリットコンプリメンタリー +150° +210°
- FBEBBB
Wheaten White
- DAEFFF
≈ Calcareous Sinter
- EFE7FF
≈ Bright Dusk
テトラード +90° +180° +270°
- FBEBBB
Wheaten White
- BCFAEF
≈ Glacial Drift
- E5EBFF
≈ Icy Lilac
- FFE3EA
≈ Early Blossom
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.18:1 · APCA Lc 9
Ag
AAA黒の上
WCAG 17.70:1 · APCA Lc 95
最適な文字色: #000000
WCAG 17.70:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--wheaten-white: #fbebbb;
--wheaten-white-rgb: 251 235 187;
--wheaten-white-oklch: oklch(0.941 0.064 91.8);
}
.element {
color: var(--wheaten-white);
background-color: hsl(45 89% 86%);
border-color: oklch(0.941 0.064 91.8);
}Tailwind CSS v4
@theme {
--color-wheaten-white: #fbebbb;
--color-wheaten-white-50: #fbf5e1;
--color-wheaten-white-100: #efe8d0;
--color-wheaten-white-200: #ddd4b6;
--color-wheaten-white-300: #c2b792;
--color-wheaten-white-400: #ac9e73;
--color-wheaten-white-500: #968553;
--color-wheaten-white-600: #7e7147;
--color-wheaten-white-700: #655a39;
--color-wheaten-white-800: #4b4128;
--color-wheaten-white-900: #342d1b;
--color-wheaten-white-950: #201a0b;
}SCSS
$wheaten-white: #fbebbb;
$wheaten-white-rgb: 251, 235, 187;
$wheaten-white-light: mix(#fff, $wheaten-white, 20%);
$wheaten-white-dark: mix(#000, $wheaten-white, 20%);
.element {
color: $wheaten-white;
box-shadow: 0 0 0 2px rgba($wheaten-white, 0.35);
}