色名 · #BEE7A5
Pastel Pea
Pastel Peaは#BEE7A5：rgb(190 231 165)、hsl(97 58% 78%)、oklch(0.882 0.098 134)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Pastel Pea color name →
#BEE7A5
oklch(0.882 0.098 134)
カラー変換
- HEX
- #bee7a5
- RGB
- rgb(190 231 165)
- HSL
- hsl(97 58% 78%)
- HWB
- hwb(97 65% 9%)
- OKLCH
- oklch(0.882 0.098 134)
- OKLab
- oklab(0.882 -0.068 0.07)
- CIE Lab
- lab(87.5 -22.56 27.68)
- LCH
- lch(87.5 35.71 129.2)
- CMYK
- cmyk(18% 0% 29% 9%)
ティント · シェード · トーン
ティント
- C5EAAE
- CBECB7
- D2EFC0
- D8F1C9
- DEF3D2
- E5F6DB
- EBF8E4
- F2FAED
- F8FDF6
シェード
- A5C98F
- 8CAB79
- 758F65
- 5E7351
- 48593D
- 33402B
- 1F281A
- 0D130A
- 020301
トーン
- B8DCA2
- B1D29E
- ABC79B
- A5BD97
- 9FB293
- 99A890
- 929E8C
- 8C9488
- 868A84
カラーハーモニー
補色 +180°
- BEE7A5
Pastel Pea
- ECC9FF
≈ Aquarelle Lilac
類似色 -30° +30°
- BEE7A5
Pastel Pea
- E3DC8F
≈ Lively Laugh
- 9AEDC7
≈ Nightly Aurora
トライアド +120° +240°
- BEE7A5
Pastel Pea
- BEDBFF
≈ Broad Daylight
- FFC8CC
≈ Sweet Memories
スプリットコンプリメンタリー +150° +210°
- BEE7A5
Pastel Pea
- D3D4FF
≈ Pale Phthalo Blue
- FFC4E5
≈ Sugarwinkle
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.38:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 15.16:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.16:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--pastel-pea: #bee7a5;
--pastel-pea-rgb: 190 231 165;
--pastel-pea-oklch: oklch(0.882 0.098 134);
}
.element {
color: var(--pastel-pea);
background-color: hsl(97 58% 78%);
border-color: oklch(0.882 0.098 134);
}Tailwind CSS v4
@theme {
--color-pastel-pea: #bee7a5;
--color-pastel-pea-50: #e9fce1;
--color-pastel-pea-100: #daf0d0;
--color-pastel-pea-200: #c2deb5;
--color-pastel-pea-300: #a1c391;
--color-pastel-pea-400: #87ab70;
--color-pastel-pea-500: #6b944f;
--color-pastel-pea-600: #5b7d44;
--color-pastel-pea-700: #486436;
--color-pastel-pea-800: #364925;
--color-pastel-pea-900: #253318;
--color-pastel-pea-950: #131f09;
}SCSS
$pastel-pea: #bee7a5;
$pastel-pea-rgb: 190, 231, 165;
$pastel-pea-light: mix(#fff, $pastel-pea, 20%);
$pastel-pea-dark: mix(#000, $pastel-pea, 20%);
.element {
color: $pastel-pea;
box-shadow: 0 0 0 2px rgba($pastel-pea, 0.35);
}