色名 · #7E9285
Green Bay
Green Bayは#7E9285：rgb(126 146 133)、hsl(141 8% 53%)、oklch(0.64 0.03 157)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Green Bay color name →
#7E9285
oklch(0.64 0.03 157)
カラー変換
- HEX
- #7e9285
- RGB
- rgb(126 146 133)
- HSL
- hsl(141 8% 53%)
- HWB
- hwb(141 49% 43%)
- OKLCH
- oklch(0.64 0.03 157)
- OKLab
- oklab(0.64 -0.028 0.012)
- CIE Lab
- lab(58.67 -9.42 4.39)
- LCH
- lch(58.67 10.39 155)
- CMYK
- cmyk(14% 0% 9% 43%)
ティント · シェード · トーン
ティント
- 8A9C91
- 97A79C
- A3B2A8
- B0BCB4
- BDC7C0
- CAD2CD
- D7DDD9
- E4E8E5
- F1F4F2
シェード
- 6D7E73
- 5C6B61
- 4C5850
- 3C4640
- 2D3530
- 1F2521
- 111613
- 050806
- 010101
トーン
- 7E9085
- 7F8E84
- 7F8D84
- 7F8B83
- 7F8983
- 7F8782
- 808582
- 808481
- 808281
カラーハーモニー
補色 +180°
- 7E9285
Green Bay
- 998693
≈ Purple Mauve
類似色 -30° +30°
- 7E9285
Green Bay
- 87907D
≈ Eucalyptus Wreath
- 78928F
≈ Castaway Cove
トライアド +120° +240°
- 7E9285
Green Bay
- 878B9F
≈ Mandrake
- 9D8680
≈ Pigeon Pink
スプリットコンプリメンタリー +150° +210°
- 7E9285
Green Bay
- 91889B
≈ Gentle Grape
- 9D8589
≈ Wallflower
テトラード +90° +180° +270°
- 7E9285
Green Bay
- 7E8E9E
≈ Lucid Blue
- 998693
≈ Purple Mauve
- 998979
≈ Pale Khaki
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.31:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.33:1 · APCA Lc 41
最適な文字色: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
コードスニペット
CSS
:root {
--green-bay: #7e9285;
--green-bay-rgb: 126 146 133;
--green-bay-oklch: oklch(0.64 0.03 157);
}
.element {
color: var(--green-bay);
background-color: hsl(141 8% 53%);
border-color: oklch(0.64 0.03 157);
}Tailwind CSS v4
@theme {
--color-green-bay: #7e9285;
--color-green-bay-50: #eef8f2;
--color-green-bay-100: #e0ebe4;
--color-green-bay-200: #cad8d0;
--color-green-bay-300: #abbcb2;
--color-green-bay-400: #91a497;
--color-green-bay-500: #778c7e;
--color-green-bay-600: #64776b;
--color-green-bay-700: #505f55;
--color-green-bay-800: #3a463e;
--color-green-bay-900: #28302b;
--color-green-bay-950: #161c18;
}SCSS
$green-bay: #7e9285;
$green-bay-rgb: 126, 146, 133;
$green-bay-light: mix(#fff, $green-bay, 20%);
$green-bay-dark: mix(#000, $green-bay, 20%);
.element {
color: $green-bay;
box-shadow: 0 0 0 2px rgba($green-bay, 0.35);
}