이름 색상 · #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);
}