色名 · #7E613F
Berkeley Hills
Berkeley Hillsは#7E613F：rgb(126 97 63)、hsl(32 33% 37%)、oklch(0.514 0.062 70.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Brown mean? → · Berkeley Hills color name →
#7E613F
oklch(0.514 0.062 70.2)
カラー変換
- HEX
- #7e613f
- RGB
- rgb(126 97 63)
- HSL
- hsl(32 33% 37%)
- HWB
- hwb(32 25% 51%)
- OKLCH
- oklch(0.514 0.062 70.2)
- OKLab
- oklab(0.514 0.021 0.058)
- CIE Lab
- lab(43.53 8.77 24.07)
- LCH
- lch(43.53 25.62 70)
- CMYK
- cmyk(0% 23% 50% 51%)
ティント · シェード · トーン
ティント
- 8A7051
- 977F63
- A48E76
- B09D88
- BDAD9B
- CABDAF
- D7CDC2
- E4DED6
- F2EEEB
シェード
- 6D5335
- 5C462C
- 4C3923
- 3C2D1B
- 2D2112
- 1F150A
- 110B04
- 050301
- 010000
トーン
- 7E6446
- 7F674D
- 7F6B53
- 7F6E5A
- 807160
- 807467
- 80776D
- 807A73
- 807D7A
カラーハーモニー
補色 +180°
- 7E613F
Berkeley Hills
- 4C6A8A
≈ Revel Blue
類似色 -30° +30°
- 7E613F
Berkeley Hills
- 865B4C
≈ Carob Brown
- 6F683D
≈ Swinging Vine
トライアド +120° +240°
- 7E613F
Berkeley Hills
- 38736F
≈ Jungle Noises
- 725D82
≈ Mystical Purple
スプリットコンプリメンタリー +150° +210°
- 7E613F
Berkeley Hills
- 3B7080
≈ Grand Rapids
- 60638A
≈ Twilight Purple
テトラード +90° +180° +270°
- 7E613F
Berkeley Hills
- 46725B
≈ Foliage Green
- 4C6A8A
≈ Revel Blue
- 7F5972
≈ Euphoric Magenta
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.72:1 · APCA Lc 79
Ag
Fail黒の上
WCAG 3.66:1 · APCA Lc 23
最適な文字色: #FFFFFF
WCAG 5.72:1 (AA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--berkeley-hills: #7e613f;
--berkeley-hills-rgb: 126 97 63;
--berkeley-hills-oklch: oklch(0.514 0.062 70.2);
}
.element {
color: var(--berkeley-hills);
background-color: hsl(32 33% 37%);
border-color: oklch(0.514 0.062 70.2);
}Tailwind CSS v4
@theme {
--color-berkeley-hills: #7e613f;
--color-berkeley-hills-50: #fff3e2;
--color-berkeley-hills-100: #f5e5d2;
--color-berkeley-hills-200: #e5d1b8;
--color-berkeley-hills-300: #cbb395;
--color-berkeley-hills-400: #b69977;
--color-berkeley-hills-500: #a17f59;
--color-berkeley-hills-600: #886c4b;
--color-berkeley-hills-700: #6d563c;
--color-berkeley-hills-800: #513e2b;
--color-berkeley-hills-900: #382b1d;
--color-berkeley-hills-950: #23180d;
}SCSS
$berkeley-hills: #7e613f;
$berkeley-hills-rgb: 126, 97, 63;
$berkeley-hills-light: mix(#fff, $berkeley-hills, 20%);
$berkeley-hills-dark: mix(#000, $berkeley-hills, 20%);
.element {
color: $berkeley-hills;
box-shadow: 0 0 0 2px rgba($berkeley-hills, 0.35);
}