色名 · #82B185
Peapod
Peapodは#82B185：rgb(130 177 133)、hsl(124 23% 60%)、oklch(0.715 0.081 146.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Peapod color name →
#82B185
oklch(0.715 0.081 146.3)
カラー変換
- HEX
- #82b185
- RGB
- rgb(130 177 133)
- HSL
- hsl(124 23% 60%)
- HWB
- hwb(124 51% 31%)
- OKLCH
- oklch(0.715 0.081 146.3)
- OKLab
- oklab(0.715 -0.067 0.045)
- CIE Lab
- lab(67.95 -22.98 17.34)
- LCH
- lch(67.95 28.79 143)
- CMYK
- cmyk(27% 0% 25% 31%)
ティント · シェード · トーン
ティント
- 8EB991
- 9BC09D
- A7C8A9
- B3D0B5
- C0D8C1
- CCE0CD
- D9E7D9
- E6EFE6
- F2F7F2
シェード
- 709973
- 5F8361
- 4E6C50
- 3E5740
- 2F4230
- 202F21
- 121C13
- 060C06
- 010101
トーン
- 82AC85
- 82A784
- 82A284
- 829D83
- 829883
- 829482
- 818F82
- 818A81
- 818581
カラーハーモニー
補色 +180°
- 82B185
Peapod
- BE92BE
≈ La la Love
類似色 -30° +30°
- 82B185
Peapod
- A0AA6F
≈ Spanish Olive
- 68B4A1
≈ Tropic Turquoise
トライアド +120° +240°
- 82B185
Peapod
- 8CA2D6
≈ Azureno
- D19088
≈ Tongue
スプリットコンプリメンタリー +150° +210°
- 82B185
Peapod
- A799D0
≈ Biloba Flower
- CC8EA4
≈ Pinch Me
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.44:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.57:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.57:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--peapod: #82b185;
--peapod-rgb: 130 177 133;
--peapod-oklch: oklch(0.715 0.081 146.3);
}
.element {
color: var(--peapod);
background-color: hsl(124 23% 60%);
border-color: oklch(0.715 0.081 146.3);
}Tailwind CSS v4
@theme {
--color-peapod: #82b185;
--color-peapod-50: #e6fce9;
--color-peapod-100: #d7f0d9;
--color-peapod-200: #bedec1;
--color-peapod-300: #9cc3a1;
--color-peapod-400: #7fac82;
--color-peapod-500: #629566;
--color-peapod-600: #537e56;
--color-peapod-700: #426545;
--color-peapod-800: #314a30;
--color-peapod-900: #213321;
--color-peapod-950: #101f10;
}SCSS
$peapod: #82b185;
$peapod-rgb: 130, 177, 133;
$peapod-light: mix(#fff, $peapod, 20%);
$peapod-dark: mix(#000, $peapod, 20%);
.element {
color: $peapod;
box-shadow: 0 0 0 2px rgba($peapod, 0.35);
}