Cor nomeada · #D7A98C
White Acorn
White Acorn é #D7A98C: rgb(215 169 140), hsl(23 48% 70%), oklch(0.77 0.067 53.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · White Acorn color name →
#D7A98C
oklch(0.77 0.067 53.7)
Conversões de cor
- HEX
- #d7a98c
- RGB
- rgb(215 169 140)
- HSL
- hsl(23 48% 70%)
- HWB
- hwb(23 55% 16%)
- OKLCH
- oklch(0.77 0.067 53.7)
- OKLab
- oklab(0.77 0.04 0.054)
- CIE Lab
- lab(72.99 14.5 21.8)
- LCH
- lch(72.99 26.18 56.4)
- CMYK
- cmyk(0% 21% 35% 16%)
Tons claros · Sombras · Tons
Tons claros
- DBB197
- DFBAA3
- E4C3AE
- E8CBB9
- ECD4C5
- F0DCD0
- F4E5DC
- F7EEE8
- FBF6F3
Sombras
- BB9279
- 9F7C67
- 856755
- 6B5343
- 523F33
- 3B2C23
- 251B14
- 110A07
- 020101
Tons
- CEA58B
- C5A18A
- BD9D89
- B49988
- AB9587
- A29085
- 9A8C84
- 918883
- 898481
Harmonias de cor
Complementar +180°
- D7A98C
White Acorn
- 89BCD9
≈ Frozen Whisper
Análoga -30° +30°
- D7A98C
White Acorn
- DCA4A0
≈ Passive Pink
- C9B183
≈ Desert Floor
Tríade +120° +240°
- D7A98C
White Acorn
- 87C3B0
≈ Seaborn
- B6ACDC
≈ Purple Hibiscus
Complementar dividida +150° +210°
- D7A98C
White Acorn
- 7FC1C8
≈ Celestine
- 9EB4E0
≈ Myrtle Flower
Tétrade +90° +180° +270°
- D7A98C
White Acorn
- 9BC099
≈ Spruce Stone
- 89BCD9
≈ Frozen Whisper
- CAA6CD
≈ Catmint
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.11:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 9.94:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 9.94:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
CSS
:root {
--white-acorn: #d7a98c;
--white-acorn-rgb: 215 169 140;
--white-acorn-oklch: oklch(0.77 0.067 53.7);
}
.element {
color: var(--white-acorn);
background-color: hsl(23 48% 70%);
border-color: oklch(0.77 0.067 53.7);
}Tailwind CSS v4
@theme {
--color-white-acorn: #d7a98c;
--color-white-acorn-50: #fff1e3;
--color-white-acorn-100: #fae3d3;
--color-white-acorn-200: #eccdb9;
--color-white-acorn-300: #d3af97;
--color-white-acorn-400: #bf9479;
--color-white-acorn-500: #aa7a5b;
--color-white-acorn-600: #8f674e;
--color-white-acorn-700: #73533e;
--color-white-acorn-800: #553c2d;
--color-white-acorn-900: #3c291e;
--color-white-acorn-950: #25170e;
}SCSS
$white-acorn: #d7a98c;
$white-acorn-rgb: 215, 169, 140;
$white-acorn-light: mix(#fff, $white-acorn, 20%);
$white-acorn-dark: mix(#000, $white-acorn, 20%);
.element {
color: $white-acorn;
box-shadow: 0 0 0 2px rgba($white-acorn, 0.35);
}