Nazwany kolor · #669264
Arizona Tree Frog
Arizona Tree Frog to #669264: rgb(102 146 100), hsl(117 19% 48%), oklch(0.615 0.083 143.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Arizona Tree Frog color name →
#669264
oklch(0.615 0.083 143.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 759D73
- 84A782
- 93B291
- A2BDA0
- B1C8AF
- C0D3BF
- D0DECF
- DFE9DF
- EFF4EF
Odcienie ciemniejsze
- 587E56
- 4A6B48
- 3C583B
- 2F462E
- 233522
- 172516
- 0C160B
- 040803
- 000100
Tony
- 699067
- 6C8F6A
- 6F8D6D
- 718B70
- 748973
- 778875
- 798678
- 7B847B
- 7E827D
Harmonie kolorów
Komplementarna +180°
- 669264
Arizona Tree Frog
- 9E74A2
≈ Long Forgotten Purple
Analogowa -30° +30°
- 669264
Arizona Tree Frog
- 848A4E
≈ Special Ops
- 489580
≈ Crisp Lettuce
Triada +120° +240°
- 669264
Arizona Tree Frog
- 6B84B7
≈ Kimono
- B2716D
≈ Terra Tone
Komplementarna rozszczepiona +150° +210°
- 669264
Arizona Tree Frog
- 877BB3
≈ Paisley Purple
- AC7089
≈ Mauve Orchid
Tetrada +90° +180° +270°
- 669264
Arizona Tree Frog
- 4D8DAF
≈ Atlantic Gull
- 9E74A2
≈ Long Forgotten Purple
- AC7754
≈ New England Roast
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.58:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.86:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.86:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
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);
}