色名 · #5E9948
Bredon Green
Bredon Greenは#5E9948：rgb(94 153 72)、hsl(104 36% 44%)、oklch(0.623 0.129 137.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Bredon Green color name →
#5E9948
oklch(0.623 0.129 137.9)
カラー変換
- HEX
- #5e9948
- RGB
- rgb(94 153 72)
- HSL
- hsl(104 36% 44%)
- HWB
- hwb(104 28% 40%)
- OKLCH
- oklch(0.623 0.129 137.9)
- OKLab
- oklab(0.623 -0.096 0.087)
- CIE Lab
- lab(57.77 -31.81 35.79)
- LCH
- lch(57.77 47.88 131.6)
- CMYK
- cmyk(39% 0% 53% 40%)
ティント · シェード · トーン
ティント
- 6EA35B
- 7EAD6D
- 8EB87F
- 9EC291
- AECCA3
- BED6B5
- CEE0C8
- DEEBDA
- EEF5EC
シェード
- 51843D
- 447033
- 375D29
- 2B4A1F
- 1F3816
- 14270D
- 0A1706
- 030802
- 000100
トーン
- 62974F
- 669456
- 6A925C
- 6D9062
- 718D67
- 748B6C
- 778872
- 7A8577
- 7D837B
カラーハーモニー
補色 +180°
- 5E9948
Bredon Green
- A76CB9
≈ Soft Purple
類似色 -30° +30°
- 5E9948
Bredon Green
- 8F8C13
≈ Old Asparagus
- 009F78
≈ Holly Green
トライアド +120° +240°
- 5E9948
Bredon Green
- 5387D4
≈ Berlin Blue
- C96369
≈ Desert Rose
スプリットコンプリメンタリー +150° +210°
- 5E9948
Bredon Green
- 8479D0
≈ Ube
- BF6495
≈ Spring Crocus
テトラード +90° +180° +270°
- 5E9948
Bredon Green
- 0094C0
≈ Surf Rider
- A76CB9
≈ Soft Purple
- C56C3B
≈ Burnt Copper
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.42:1 · APCA Lc 62
Ag
AA黒の上
WCAG 6.12:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.12:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--bredon-green: #5e9948;
--bredon-green-rgb: 94 153 72;
--bredon-green-oklch: oklch(0.623 0.129 137.9);
}
.element {
color: var(--bredon-green);
background-color: hsl(104 36% 44%);
border-color: oklch(0.623 0.129 137.9);
}Tailwind CSS v4
@theme {
--color-bredon-green: #5e9948;
--color-bredon-green-50: #e2ffdc;
--color-bredon-green-100: #d2f3ca;
--color-bredon-green-200: #b8e2ae;
--color-bredon-green-300: #94c888;
--color-bredon-green-400: #77b063;
--color-bredon-green-500: #58993e;
--color-bredon-green-600: #4b8236;
--color-bredon-green-700: #3c682b;
--color-bredon-green-800: #2d4c1b;
--color-bredon-green-900: #1e3512;
--color-bredon-green-950: #0e2004;
}SCSS
$bredon-green: #5e9948;
$bredon-green-rgb: 94, 153, 72;
$bredon-green-light: mix(#fff, $bredon-green, 20%);
$bredon-green-dark: mix(#000, $bredon-green, 20%);
.element {
color: $bredon-green;
box-shadow: 0 0 0 2px rgba($bredon-green, 0.35);
}