Couleur nommée · #9FB32E
Tree Frog
Tree Frog correspond à #9FB32E : rgb(159 179 46), hsl(69 59% 44%), oklch(0.727 0.153 118). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Tree Frog color name →
#9FB32E
oklch(0.727 0.153 118)
Conversions de couleur
- HEX
- #9fb32e
- RGB
- rgb(159 179 46)
- HSL
- hsl(69 59% 44%)
- HWB
- hwb(69 18% 30%)
- OKLCH
- oklch(0.727 0.153 118)
- OKLab
- oklab(0.727 -0.072 0.135)
- CIE Lab
- lab(69.61 -19.72 60.52)
- LCH
- lch(69.61 63.66 108.1)
- CMYK
- cmyk(11% 0% 74% 30%)
Teintes · Ombres · Tons
Teintes
- A8BB4C
- B1C363
- BACA79
- C4D28D
- CDDAA0
- D7E1B4
- E1E9C7
- EBF0D9
- F5F8EC
Ombres
- 8A9B27
- 75841F
- 616E18
- 4D5812
- 3B430B
- 292F06
- 181D02
- 090C01
- 010100
Tons
- 9CAE3E
- 98A94A
- 95A454
- 929F5C
- 8F9A63
- 8C956A
- 899070
- 868B76
- 83857B
Harmonies de couleurs
Complémentaire +180°
- 9FB32E
Tree Frog
- B390FA
≈ Lilac Geode
Analogue -30° +30°
- 9FB32E
Tree Frog
- CEA000
≈ Lepton Gold
- 59C06D
≈ Emerald Cory
Triadique +120° +240°
- 9FB32E
Tree Frog
- 23B3FB
≈ Blue Bolt
- F17AA7
≈ Pink Carnation
Complémentaire divisée +150° +210°
- 9FB32E
Tree Frog
- 81A2FF
≈ Fennel Flower
- DA81D7
≈ Hibiscus Pop
Tétradique +90° +180° +270°
- 9FB32E
Tree Frog
- 00BCD0
≈ Holiday Blue
- B390FA
≈ Lilac Geode
- F87D6F
≈ Smoked Salmon
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.34:1 · APCA Lc 46
Ag
AAASur noir
WCAG 8.96:1 · APCA Lc 56
Meilleure couleur de texte: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Extraits de code
CSS
:root {
--tree-frog: #9fb32e;
--tree-frog-rgb: 159 179 46;
--tree-frog-oklch: oklch(0.727 0.153 118);
}
.element {
color: var(--tree-frog);
background-color: hsl(69 59% 44%);
border-color: oklch(0.727 0.153 118);
}Tailwind CSS v4
@theme {
--color-tree-frog: #9fb32e;
--color-tree-frog-50: #effccb;
--color-tree-frog-100: #e1f0b7;
--color-tree-frog-200: #ccde93;
--color-tree-frog-300: #adc365;
--color-tree-frog-400: #97aa2e;
--color-tree-frog-500: #7f9200;
--color-tree-frog-600: #6b7b00;
--color-tree-frog-700: #566300;
--color-tree-frog-800: #404800;
--color-tree-frog-900: #2c3200;
--color-tree-frog-950: #1a1e00;
}SCSS
$tree-frog: #9fb32e;
$tree-frog-rgb: 159, 179, 46;
$tree-frog-light: mix(#fff, $tree-frog, 20%);
$tree-frog-dark: mix(#000, $tree-frog, 20%);
.element {
color: $tree-frog;
box-shadow: 0 0 0 2px rgba($tree-frog, 0.35);
}