最も近い色名 · #E8CF9D
#E8CF9D
最も近い色名: Prairie Land
#E8CF9D（rgb(232 207 157)、hsl(40 62% 76%)、oklch(0.863 0.071 84.4)）に最も近い色名はPrairie Landです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E8CF9D
oklch(0.863 0.071 84.4)
カラー変換
- HEX
- #e8cf9d
- RGB
- rgb(232 207 157)
- HSL
- hsl(40 62% 76%)
- HWB
- hwb(40 62% 9%)
- OKLCH
- oklch(0.863 0.071 84.4)
- OKLab
- oklab(0.863 0.007 0.071)
- CIE Lab
- lab(84.34 3.72 28.29)
- LCH
- lch(84.34 28.54 82.5)
- CMYK
- cmyk(0% 11% 32% 9%)
ティント · シェード · トーン
ティント
- EAD4A7
- EDD9B1
- EFDDBB
- F1E2C5
- F4E7CE
- F6ECD8
- F8F1E2
- FAF5EC
- FDFAF5
シェード
- CAB488
- AC9973
- 907F5F
- 74674C
- 594F3A
- 403828
- 292318
- 131009
- 030201
トーン
- DDC79A
- D2BF98
- C8B795
- BDAF92
- B3A78F
- A89F8C
- 9E9789
- 948F86
- 8A8883
カラーハーモニー
補色 +180°
- E8CF9D
Prairie Land
- BCD2FF
≈ Ice Cold Stare
類似色 -30° +30°
- E8CF9D
Prairie Land
- F8C6A6
≈ Peach Damask
- D1D8A3
≈ White Jade
トライアド +120° +240°
- E8CF9D
Prairie Land
- 9AE0E8
≈ Luminescent Blue
- EAC3ED
≈ Purple’s Baby Sister
スプリットコンプリメンタリー +150° +210°
- E8CF9D
Prairie Land
- A4DBFA
≈ Columbia Blue
- D4CAFD
≈ Innocent Snowdrop
テトラード +90° +180° +270°
- E8CF9D
Prairie Land
- A1E2CF
≈ Aqua Wish
- BCD2FF
≈ Ice Cold Stare
- F9BFD5
≈ Cherry Blossom
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.51:1 · APCA Lc 24
Ag
AAA黒の上
WCAG 13.84:1 · APCA Lc 79
最適な文字色: #000000
WCAG 13.84:1 (AAA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--prairie-land: #e8cf9d;
--prairie-land-rgb: 232 207 157;
--prairie-land-oklch: oklch(0.863 0.071 84.4);
}
.element {
color: var(--prairie-land);
background-color: hsl(40 62% 76%);
border-color: oklch(0.863 0.071 84.4);
}Tailwind CSS v4
@theme {
--color-prairie-land: #e8cf9d;
--color-prairie-land-50: #fef4df;
--color-prairie-land-100: #f2e7ce;
--color-prairie-land-200: #e2d3b2;
--color-prairie-land-300: #c7b68e;
--color-prairie-land-400: #b29b6e;
--color-prairie-land-500: #9c824d;
--color-prairie-land-600: #846e42;
--color-prairie-land-700: #6a5834;
--color-prairie-land-800: #4f4025;
--color-prairie-land-900: #372c19;
--color-prairie-land-950: #211909;
}SCSS
$prairie-land: #e8cf9d;
$prairie-land-rgb: 232, 207, 157;
$prairie-land-light: mix(#fff, $prairie-land, 20%);
$prairie-land-dark: mix(#000, $prairie-land, 20%);
.element {
color: $prairie-land;
box-shadow: 0 0 0 2px rgba($prairie-land, 0.35);
}