Cor nomeada · #AEAD96
Photo Grey
Photo Grey é #AEAD96: rgb(174 173 150), hsl(58 13% 64%), oklch(0.742 0.032 105.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Photo Grey color name →
#AEAD96
oklch(0.742 0.032 105.1)
Conversões de cor
- HEX
- #aead96
- RGB
- rgb(174 173 150)
- HSL
- hsl(58 13% 64%)
- HWB
- hwb(58 59% 32%)
- OKLCH
- oklch(0.742 0.032 105.1)
- OKLab
- oklab(0.742 -0.008 0.031)
- CIE Lab
- lab(70.33 -2.63 12.01)
- LCH
- lch(70.33 12.3 102.3)
- CMYK
- cmyk(0% 1% 14% 32%)
Tons claros · Sombras · Tons
Tons claros
- B6B5A0
- BEBDAA
- C6C5B5
- CECDBF
- D6D5C9
- DEDED4
- E6E6DF
- EEEEE9
- F7F7F4
Sombras
- 979682
- 807F6E
- 6A6A5B
- 555549
- 414137
- 2E2D26
- 1C1B16
- 0B0B08
- 010101
Tons
- A9A894
- A5A492
- A09F8F
- 9B9B8D
- 97968B
- 929289
- 8E8D87
- 898984
- 848482
Harmonias de cor
Complementar +180°
- AEAD96
Photo Grey
- A9A9C0
≈ Cream Violet
Análoga -30° +30°
- AEAD96
Photo Grey
- B8A996
≈ Earthy Beige
- A3B09C
≈ Limestone Green
Tríade +120° +240°
- AEAD96
Photo Grey
- 97B0BB
≈ Rainy Sidewalk
- BBA4B0
≈ Buckwheat Mauve
Complementar dividida +150° +210°
- AEAD96
Photo Grey
- 9EADC0
≈ Soaring Eagle
- B3A6BA
≈ Bellflower Violet
Tétrade +90° +180° +270°
- AEAD96
Photo Grey
- 95B2B2
≈ Calcite Blue
- A9A9C0
≈ Cream Violet
- BFA4A5
≈ Tourmaline Mauve
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.27:1 · APCA Lc 45
Ag
AAASobre preto
WCAG 9.21:1 · APCA Lc 57
Melhor cor de texto: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
Trechos de código
CSS
:root {
--photo-grey: #aead96;
--photo-grey-rgb: 174 173 150;
--photo-grey-oklch: oklch(0.742 0.032 105.1);
}
.element {
color: var(--photo-grey);
background-color: hsl(58 13% 64%);
border-color: oklch(0.742 0.032 105.1);
}Tailwind CSS v4
@theme {
--color-photo-grey: #aead96;
--color-photo-grey-50: #f6f6ec;
--color-photo-grey-100: #e9e9dd;
--color-photo-grey-200: #d5d5c6;
--color-photo-grey-300: #b9b9a6;
--color-photo-grey-400: #a1a08a;
--color-photo-grey-500: #89886f;
--color-photo-grey-600: #74735e;
--color-photo-grey-700: #5d5c4b;
--color-photo-grey-800: #444336;
--color-photo-grey-900: #2f2e25;
--color-photo-grey-950: #1c1b14;
}SCSS
$photo-grey: #aead96;
$photo-grey-rgb: 174, 173, 150;
$photo-grey-light: mix(#fff, $photo-grey, 20%);
$photo-grey-dark: mix(#000, $photo-grey, 20%);
.element {
color: $photo-grey;
box-shadow: 0 0 0 2px rgba($photo-grey, 0.35);
}