色名 · #6E5F45
Prairie Foliage
Prairie Foliageは#6E5F45：rgb(110 95 69)、hsl(38 23% 35%)、oklch(0.493 0.043 81.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · Prairie Foliage color name →
#6E5F45
oklch(0.493 0.043 81.1)
カラー変換
- HEX
- #6e5f45
- RGB
- rgb(110 95 69)
- HSL
- hsl(38 23% 35%)
- HWB
- hwb(38 27% 57%)
- OKLCH
- oklch(0.493 0.043 81.1)
- OKLab
- oklab(0.493 0.007 0.043)
- CIE Lab
- lab(41.27 3.18 17.27)
- LCH
- lch(41.27 17.56 79.6)
- CMYK
- cmyk(0% 14% 37% 57%)
ティント · シェード · トーン
ティント
- 7C6E56
- 897D67
- 978C79
- A59C8B
- B4AC9E
- C3BCB1
- D1CCC4
- E0DDD7
- F0EEEB
シェード
- 5F523B
- 504431
- 413827
- 332C1E
- 262015
- 19150C
- 0E0A05
- 040302
- 010000
トーン
- 70624B
- 726651
- 736957
- 756C5D
- 776F63
- 797368
- 7B766E
- 7C7974
- 7E7D7A
カラーハーモニー
補色 +180°
- 6E5F45
Prairie Foliage
- 53627A
≈ Evening Symphony
類似色 -30° +30°
- 6E5F45
Prairie Foliage
- 765B4B
≈ Moderne Class
- 626447
≈ Herb Garland
トライアド +120° +240°
- 6E5F45
Prairie Foliage
- 43696B
≈ Moat
- 6D5970
≈ Dark Purple Grey
スプリットコンプリメンタリー +150° +210°
- 6E5F45
Prairie Foliage
- 486676
≈ Winter Evening
- 615D78
≈ Purple Passage
テトラード +90° +180° +270°
- 6E5F45
Prairie Foliage
- 486A5E
≈ Smoke Pine
- 53627A
≈ Evening Symphony
- 755764
≈ Exotic Eggplant
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.20:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.38:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.20:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--prairie-foliage: #6e5f45;
--prairie-foliage-rgb: 110 95 69;
--prairie-foliage-oklch: oklch(0.493 0.043 81.1);
}
.element {
color: var(--prairie-foliage);
background-color: hsl(38 23% 35%);
border-color: oklch(0.493 0.043 81.1);
}Tailwind CSS v4
@theme {
--color-prairie-foliage: #6e5f45;
--color-prairie-foliage-50: #fbf4e8;
--color-prairie-foliage-100: #efe7d8;
--color-prairie-foliage-200: #ddd3c0;
--color-prairie-foliage-300: #c2b69f;
--color-prairie-foliage-400: #ac9c82;
--color-prairie-foliage-500: #958466;
--color-prairie-foliage-600: #7e6f56;
--color-prairie-foliage-700: #655945;
--color-prairie-foliage-800: #4b4131;
--color-prairie-foliage-900: #342d22;
--color-prairie-foliage-950: #1f1a11;
}SCSS
$prairie-foliage: #6e5f45;
$prairie-foliage-rgb: 110, 95, 69;
$prairie-foliage-light: mix(#fff, $prairie-foliage, 20%);
$prairie-foliage-dark: mix(#000, $prairie-foliage, 20%);
.element {
color: $prairie-foliage;
box-shadow: 0 0 0 2px rgba($prairie-foliage, 0.35);
}