Color con nombre · #A0A667
Always Apple
Always Apple es #A0A667: rgb(160 166 103), hsl(66 26% 53%), oklch(0.705 0.085 113). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Always Apple color name →
#A0A667
oklch(0.705 0.085 113)
Conversiones de color
- HEX
- #a0a667
- RGB
- rgb(160 166 103)
- HSL
- hsl(66 26% 53%)
- HWB
- hwb(66 40% 35%)
- OKLCH
- oklch(0.705 0.085 113)
- OKLab
- oklab(0.705 -0.033 0.078)
- CIE Lab
- lab(66.5 -9.62 31.85)
- LCH
- lch(66.5 33.27 106.8)
- CMYK
- cmyk(4% 0% 38% 35%)
Tintes · Sombras · Tonos
Tintes
- A9AF76
- B2B885
- BBC095
- C5C9A4
- CED2B3
- D8DBC2
- E1E4D1
- EBEDE0
- F5F6F0
Sombras
- 8B9059
- 767A4B
- 61653D
- 4E5130
- 3B3E23
- 292B17
- 191A0C
- 090A04
- 010100
Tonos
- 9DA26A
- 999E6D
- 969B70
- 939773
- 909375
- 8C8F78
- 898B7A
- 86887C
- 83847E
Armonías de color
Complementario +180°
- A0A667
Always Apple
- A296D1
≈ Gorgeous Hydrangea
Análogo -30° +30°
- A0A667
Always Apple
- BA9B61
≈ Packing Paper
- 81AE7D
≈ Cressida
Triádico +120° +240°
- A0A667
Always Apple
- 67A9CD
≈ Salem Blue
- CA8AA5
≈ Pinch Me
Complementario dividido +150° +210°
- A0A667
Always Apple
- 84A0D6
≈ Wisteria Blue
- BA8EBF
≈ Lavender Blaze
Tetrádico +90° +180° +270°
- A0A667
Always Apple
- 58B0B8
≈ Thalassa
- A296D1
≈ Gorgeous Hydrangea
- D08B87
≈ Rosette
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.57:1 · APCA Lc 50
Ag
AAASobre negro
WCAG 8.14:1 · APCA Lc 52
Mejor color de texto: #000000
WCAG 8.14:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmentos de código
CSS
:root {
--always-apple: #a0a667;
--always-apple-rgb: 160 166 103;
--always-apple-oklch: oklch(0.705 0.085 113);
}
.element {
color: var(--always-apple);
background-color: hsl(66 26% 53%);
border-color: oklch(0.705 0.085 113);
}Tailwind CSS v4
@theme {
--color-always-apple: #a0a667;
--color-always-apple-50: #f4f9dd;
--color-always-apple-100: #e6eccc;
--color-always-apple-200: #d2d9b0;
--color-always-apple-300: #b5bd8b;
--color-always-apple-400: #9ea469;
--color-always-apple-500: #868c46;
--color-always-apple-600: #72773d;
--color-always-apple-700: #5b5f30;
--color-always-apple-800: #444521;
--color-always-apple-900: #2f3016;
--color-always-apple-950: #1b1c07;
}SCSS
$always-apple: #a0a667;
$always-apple-rgb: 160, 166, 103;
$always-apple-light: mix(#fff, $always-apple, 20%);
$always-apple-dark: mix(#000, $always-apple, 20%);
.element {
color: $always-apple;
box-shadow: 0 0 0 2px rgba($always-apple, 0.35);
}