色名 · #FAE1AC
Yeast
Yeastは#FAE1AC：rgb(250 225 172)、hsl(41 89% 83%)、oklch(0.918 0.073 85.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Yeast color name →
#FAE1AC
oklch(0.918 0.073 85.6)
カラー変換
- HEX
- #fae1ac
- RGB
- rgb(250 225 172)
- HSL
- hsl(41 89% 83%)
- HWB
- hwb(41 67% 2%)
- OKLCH
- oklch(0.918 0.073 85.6)
- OKLab
- oklab(0.918 0.006 0.073)
- CIE Lab
- lab(90.66 3.28 29.32)
- LCH
- lch(90.66 29.5 83.6)
- CMYK
- cmyk(0% 10% 31% 2%)
ティント · シェード · トーン
ティント
- FBE4B5
- FBE7BD
- FCEAC6
- FCEDCE
- FDF0D6
- FDF3DE
- FEF6E7
- FEF9EF
- FFFCF7
シェード
- D9C495
- BAA77F
- 9B8B69
- 7D7054
- 615640
- 463E2D
- 2D271B
- 15120B
- 030201
トーン
- EDD7A8
- E1CDA4
- D4C39F
- C8B99B
- BBAF97
- AFA692
- A39C8E
- 979389
- 8C8985
カラーハーモニー
補色 +180°
- FAE1AC
Yeast
- D7E4FF
≈ Stoic White
類似色 -30° +30°
- FAE1AC
Yeast
- FFDCC5
≈ Salmon Creek
- E1EAB3
≈ Awareness
トライアド +120° +240°
- FAE1AC
Yeast
- A9F3FC
≈ Waterspout
- FED4FF
≈ Pink Diamond
スプリットコンプリメンタリー +150° +210°
- FAE1AC
Yeast
- C7E9FF
≈ Blue Java Banana
- E6DEFF
≈ Stoic White
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.27:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.43:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.43:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--yeast: #fae1ac;
--yeast-rgb: 250 225 172;
--yeast-oklch: oklch(0.918 0.073 85.6);
}
.element {
color: var(--yeast);
background-color: hsl(41 89% 83%);
border-color: oklch(0.918 0.073 85.6);
}Tailwind CSS v4
@theme {
--color-yeast: #fae1ac;
--color-yeast-50: #fef4de;
--color-yeast-100: #f2e7cd;
--color-yeast-200: #e1d3b1;
--color-yeast-300: #c7b68d;
--color-yeast-400: #b29c6c;
--color-yeast-500: #9c834b;
--color-yeast-600: #846f40;
--color-yeast-700: #6a5833;
--color-yeast-800: #4f4024;
--color-yeast-900: #372c18;
--color-yeast-950: #221909;
}SCSS
$yeast: #fae1ac;
$yeast-rgb: 250, 225, 172;
$yeast-light: mix(#fff, $yeast, 20%);
$yeast-dark: mix(#000, $yeast, 20%);
.element {
color: $yeast;
box-shadow: 0 0 0 2px rgba($yeast, 0.35);
}