色名 · #F7E5B7
Barley White
Barley Whiteは#F7E5B7：rgb(247 229 183)、hsl(43 80% 84%)、oklch(0.925 0.063 89.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Barley White color name →
#F7E5B7
oklch(0.925 0.063 89.2)
カラー変換
- HEX
- #f7e5b7
- RGB
- rgb(247 229 183)
- HSL
- hsl(43 80% 84%)
- HWB
- hwb(43 72% 3%)
- OKLCH
- oklch(0.925 0.063 89.2)
- OKLab
- oklab(0.925 0.001 0.063)
- CIE Lab
- lab(91.57 1.25 24.87)
- LCH
- lch(91.57 24.9 87.1)
- CMYK
- cmyk(0% 7% 26% 3%)
ティント · シェード · トーン
ティント
- F8E8BE
- F9EAC6
- F9EDCD
- FAF0D4
- FBF2DB
- FCF5E3
- FDF7EA
- FDFAF1
- FEFCF8
シェード
- D7C79F
- B7AA87
- 998E70
- 7C725A
- 605845
- 453F31
- 2C281E
- 15120C
- 030302
トーン
- EADAB2
- DED0AC
- D2C6A7
- C6BBA1
- BAB19C
- AEA796
- A29D91
- 97938B
- 8B8A86
カラーハーモニー
補色 +180°
- F7E5B7
Barley White
- DCE6FF
≈ Lavender Mist
類似色 -30° +30°
- F7E5B7
Barley White
- FFE0C8
≈ Peak Season
- E1EDBE
≈ Spirit Whisper
トライアド +120° +240°
- F7E5B7
Barley White
- B6F3FD
≈ Northrend
- FFD8FB
≈ Strawberry Frost
スプリットコンプリメンタリー +150° +210°
- F7E5B7
Barley White
- CFEBFF
≈ Veiling Waterfalls
- EAE1FF
≈ Lavender Savour
テトラード +90° +180° +270°
- F7E5B7
Barley White
- B9F5E7
≈ Shallow End
- DCE6FF
≈ Lavender Mist
- FFDBE5
≈ Pink Perfume
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.24:1 · APCA Lc 12
Ag
AAA黒の上
WCAG 16.84:1 · APCA Lc 92
最適な文字色: #000000
WCAG 16.84:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--barley-white: #f7e5b7;
--barley-white-rgb: 247 229 183;
--barley-white-oklch: oklch(0.925 0.063 89.2);
}
.element {
color: var(--barley-white);
background-color: hsl(43 80% 84%);
border-color: oklch(0.925 0.063 89.2);
}Tailwind CSS v4
@theme {
--color-barley-white: #f7e5b7;
--color-barley-white-50: #fcf5e1;
--color-barley-white-100: #efe8d1;
--color-barley-white-200: #ded4b6;
--color-barley-white-300: #c3b793;
--color-barley-white-400: #ad9d74;
--color-barley-white-500: #978455;
--color-barley-white-600: #7f7048;
--color-barley-white-700: #665a39;
--color-barley-white-800: #4c4129;
--color-barley-white-900: #352d1b;
--color-barley-white-950: #201a0c;
}SCSS
$barley-white: #f7e5b7;
$barley-white-rgb: 247, 229, 183;
$barley-white-light: mix(#fff, $barley-white, 20%);
$barley-white-dark: mix(#000, $barley-white, 20%);
.element {
color: $barley-white;
box-shadow: 0 0 0 2px rgba($barley-white, 0.35);
}