이름 색상 · #64A281
Plumosa
Plumosa은(는) #64A281: rgb(100 162 129), hsl(148 25% 51%), oklch(0.661 0.082 159.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Plumosa color name →
#64A281
oklch(0.661 0.082 159.8)
색상 변환
- HEX
- #64a281
- RGB
- rgb(100 162 129)
- HSL
- hsl(148 25% 51%)
- HWB
- hwb(148 39% 36%)
- OKLCH
- oklch(0.661 0.082 159.8)
- OKLab
- oklab(0.661 -0.077 0.028)
- CIE Lab
- lab(61.71 -26.63 10.63)
- LCH
- lch(61.71 28.67 158.2)
- CMYK
- cmyk(38% 0% 20% 36%)
틴트 · 셰이드 · 톤
틴트
- 74AB8D
- 83B499
- 93BEA5
- A2C7B2
- B2D0BE
- C1D9CB
- D0E3D8
- E0ECE5
- EFF6F2
셰이드
- 568C6F
- 48775E
- 3B634E
- 2E4F3E
- 223C2E
- 162A1F
- 0B1912
- 030A06
- 000101
톤
- 689F81
- 6B9B81
- 6F9881
- 729581
- 749181
- 778E81
- 7A8A80
- 7C8780
- 7E8380
색 조화
보색 +180°
- 64A281
Plumosa
- B47FA2
≈ Purple Cheeks
유사색 -30° +30°
- 64A281
Plumosa
- 829D67
≈ Green Sky
- 4FA39D
≈ Teal Bayou
삼각 배색 +120° +240°
- 64A281
Plumosa
- 888DC4
≈ Carriage Ride
- BE816C
≈ Kitchen Terra Cotta
분열 보색 +150° +210°
- 64A281
Plumosa
- A285B8
≈ Peony Mauve
- BE7D87
≈ Lipstick Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.98:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.02:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--plumosa: #64a281;
--plumosa-rgb: 100 162 129;
--plumosa-oklch: oklch(0.661 0.082 159.8);
}
.element {
color: var(--plumosa);
background-color: hsl(148 25% 51%);
border-color: oklch(0.661 0.082 159.8);
}Tailwind CSS v4
@theme {
--color-plumosa: #64a281;
--color-plumosa-50: #e2fdee;
--color-plumosa-100: #d1f1e0;
--color-plumosa-200: #b6e0ca;
--color-plumosa-300: #92c5ab;
--color-plumosa-400: #73ae8e;
--color-plumosa-500: #519773;
--color-plumosa-600: #468062;
--color-plumosa-700: #38664e;
--color-plumosa-800: #284b37;
--color-plumosa-900: #1b3426;
--color-plumosa-950: #0b1f14;
}SCSS
$plumosa: #64a281;
$plumosa-rgb: 100, 162, 129;
$plumosa-light: mix(#fff, $plumosa, 20%);
$plumosa-dark: mix(#000, $plumosa, 20%);
.element {
color: $plumosa;
box-shadow: 0 0 0 2px rgba($plumosa, 0.35);
}