Cor nomeada · #B6D27E
Tart Apple
Tart Apple é #B6D27E: rgb(182 210 126), hsl(80 48% 66%), oklch(0.824 0.114 123.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Tart Apple color name →
#B6D27E
oklch(0.824 0.114 123.9)
Conversões de cor
- HEX
- #b6d27e
- RGB
- rgb(182 210 126)
- HSL
- hsl(80 48% 66%)
- HWB
- hwb(80 49% 18%)
- OKLCH
- oklch(0.824 0.114 123.9)
- OKLab
- oklab(0.824 -0.063 0.094)
- CIE Lab
- lab(80.67 -19.85 38.32)
- LCH
- lch(80.67 43.16 117.4)
- CMYK
- cmyk(13% 0% 40% 18%)
Tons claros · Sombras · Tons
Tons claros
- BDD78C
- C4DB99
- CBE0A6
- D3E4B3
- DAE9C0
- E1EDCC
- E9F2D9
- F0F6E6
- F7FBF2
Sombras
- 9EB66D
- 869B5C
- 6F814C
- 59683C
- 44502D
- 30391F
- 1D2411
- 0C1005
- 020201
Tons
- B0CA7F
- ABC180
- A5B981
- A0B181
- 9AA982
- 95A082
- 909881
- 8A9081
- 858881
Harmonias de cor
Complementar +180°
- B6D27E
Tart Apple
- D4B4FF
≈ Light Violet
Análoga -30° +30°
- B6D27E
Tart Apple
- DEC46B
≈ California Dreaming
- 88DBA3
≈ Patrice
Tríade +120° +240°
- B6D27E
Tart Apple
- 8FCDFF
≈ Clear Sky
- FFA9BD
≈ A Brand New Day
Complementar dividida +150° +210°
- B6D27E
Tart Apple
- B3C2FF
≈ Dried Lilac
- F3A9E4
≈ Hanami Pink
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.67:1 · APCA Lc 30
Ag
AAASobre preto
WCAG 12.50:1 · APCA Lc 73
Melhor cor de texto: #000000
WCAG 12.50:1 (AAA) · APCA Lc 73
Contrast pairs
Trechos de código
CSS
:root {
--tart-apple: #b6d27e;
--tart-apple-rgb: 182 210 126;
--tart-apple-oklch: oklch(0.824 0.114 123.9);
}
.element {
color: var(--tart-apple);
background-color: hsl(80 48% 66%);
border-color: oklch(0.824 0.114 123.9);
}Tailwind CSS v4
@theme {
--color-tart-apple: #b6d27e;
--color-tart-apple-50: #edfcd9;
--color-tart-apple-100: #deefc7;
--color-tart-apple-200: #c8dea9;
--color-tart-apple-300: #a9c282;
--color-tart-apple-400: #91aa5c;
--color-tart-apple-500: #779234;
--color-tart-apple-600: #657c2e;
--color-tart-apple-700: #506324;
--color-tart-apple-800: #3c4817;
--color-tart-apple-900: #29320f;
--color-tart-apple-950: #171e02;
}SCSS
$tart-apple: #b6d27e;
$tart-apple-rgb: 182, 210, 126;
$tart-apple-light: mix(#fff, $tart-apple, 20%);
$tart-apple-dark: mix(#000, $tart-apple, 20%);
.element {
color: $tart-apple;
box-shadow: 0 0 0 2px rgba($tart-apple, 0.35);
}