이름 색상 · #669264
Arizona Tree Frog
Arizona Tree Frog은(는) #669264: rgb(102 146 100), hsl(117 19% 48%), oklch(0.615 0.083 143.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Arizona Tree Frog color name →
#669264
oklch(0.615 0.083 143.5)
색상 변환
- HEX
- #669264
- RGB
- rgb(102 146 100)
- HSL
- hsl(117 19% 48%)
- HWB
- hwb(117 39% 43%)
- OKLCH
- oklch(0.615 0.083 143.5)
- OKLab
- oklab(0.615 -0.067 0.05)
- CIE Lab
- lab(56.42 -22.81 19.47)
- LCH
- lch(56.42 29.99 139.5)
- CMYK
- cmyk(30% 0% 32% 43%)
틴트 · 셰이드 · 톤
틴트
- 759D73
- 84A782
- 93B291
- A2BDA0
- B1C8AF
- C0D3BF
- D0DECF
- DFE9DF
- EFF4EF
셰이드
- 587E56
- 4A6B48
- 3C583B
- 2F462E
- 233522
- 172516
- 0C160B
- 040803
- 000100
톤
- 699067
- 6C8F6A
- 6F8D6D
- 718B70
- 748973
- 778875
- 798678
- 7B847B
- 7E827D
색 조화
보색 +180°
- 669264
Arizona Tree Frog
- 9E74A2
≈ Long Forgotten Purple
유사색 -30° +30°
- 669264
Arizona Tree Frog
- 848A4E
≈ Special Ops
- 489580
≈ Crisp Lettuce
삼각 배색 +120° +240°
- 669264
Arizona Tree Frog
- 6B84B7
≈ Kimono
- B2716D
≈ Terra Tone
분열 보색 +150° +210°
- 669264
Arizona Tree Frog
- 877BB3
≈ Paisley Purple
- AC7089
≈ Mauve Orchid
사각 배색 +90° +180° +270°
- 669264
Arizona Tree Frog
- 4D8DAF
≈ Atlantic Gull
- 9E74A2
≈ Long Forgotten Purple
- AC7754
≈ New England Roast
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.58:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.86:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.86:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--arizona-tree-frog: #669264;
--arizona-tree-frog-rgb: 102 146 100;
--arizona-tree-frog-oklch: oklch(0.615 0.083 143.5);
}
.element {
color: var(--arizona-tree-frog);
background-color: hsl(117 19% 48%);
border-color: oklch(0.615 0.083 143.5);
}Tailwind CSS v4
@theme {
--color-arizona-tree-frog: #669264;
--color-arizona-tree-frog-50: #e7fce7;
--color-arizona-tree-frog-100: #d7f0d7;
--color-arizona-tree-frog-200: #bfdebf;
--color-arizona-tree-frog-300: #9dc39e;
--color-arizona-tree-frog-400: #81ac7f;
--color-arizona-tree-frog-500: #649562;
--color-arizona-tree-frog-600: #557e53;
--color-arizona-tree-frog-700: #446542;
--color-arizona-tree-frog-800: #324a2e;
--color-arizona-tree-frog-900: #22331f;
--color-arizona-tree-frog-950: #111f0f;
}SCSS
$arizona-tree-frog: #669264;
$arizona-tree-frog-rgb: 102, 146, 100;
$arizona-tree-frog-light: mix(#fff, $arizona-tree-frog, 20%);
$arizona-tree-frog-dark: mix(#000, $arizona-tree-frog, 20%);
.element {
color: $arizona-tree-frog;
box-shadow: 0 0 0 2px rgba($arizona-tree-frog, 0.35);
}