Cor nomeada · #C4BBA5
Forgotten Tusk
Forgotten Tusk é #C4BBA5: rgb(196 187 165), hsl(43 21% 71%), oklch(0.794 0.032 88.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Forgotten Tusk color name →
#C4BBA5
oklch(0.794 0.032 88.4)
Conversões de cor
- HEX
- #c4bba5
- RGB
- rgb(196 187 165)
- HSL
- hsl(43 21% 71%)
- HWB
- hwb(43 65% 23%)
- OKLCH
- oklch(0.794 0.032 88.4)
- OKLab
- oklab(0.794 0.001 0.032)
- CIE Lab
- lab(76.18 0.54 12.39)
- LCH
- lch(76.18 12.4 87.5)
- CMYK
- cmyk(0% 5% 16% 23%)
Tons claros · Sombras · Tons
Tons claros
- CAC2AE
- D0C8B7
- D5CFBF
- DBD6C8
- E1DDD1
- E7E3DA
- EDEAE3
- F3F1ED
- F9F8F6
Sombras
- AAA28F
- 918A79
- 787365
- 615C51
- 4A463D
- 35322B
- 211F1A
- 0E0D0A
- 020201
Tons
- BDB5A1
- B6AF9E
- AFA99A
- A8A396
- A19D92
- 9B978F
- 94918B
- 8D8C87
- 878684
Harmonias de cor
Complementar +180°
- C4BBA5
Forgotten Tusk
- B3BBD1
≈ Cold Winter’s Morn
Análoga -30° +30°
- C4BBA5
Forgotten Tusk
- CCB7A8
≈ Grey Mauve
- B9BFA8
≈ Beryl Green
Tríade +120° +240°
- C4BBA5
Forgotten Tusk
- A5C2C6
≈ Ocean Kiss
- C8B5C6
≈ Ballad
Complementar dividida +150° +210°
- C4BBA5
Forgotten Tusk
- AABFCE
≈ Cerulean Tint
- BEB8CE
≈ Wild Lilac
Tétrade +90° +180° +270°
- C4BBA5
Forgotten Tusk
- A7C3BC
≈ Dreaming of the Day
- B3BBD1
≈ Cold Winter’s Morn
- CEB4BB
≈ Candlelight Dinner
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.90:1 · APCA Lc 36
Ag
AAASobre preto
WCAG 10.99:1 · APCA Lc 66
Melhor cor de texto: #000000
WCAG 10.99:1 (AAA) · APCA Lc 66
Contrast pairs
Trechos de código
CSS
:root {
--forgotten-tusk: #c4bba5;
--forgotten-tusk-rgb: 196 187 165;
--forgotten-tusk-oklch: oklch(0.794 0.032 88.4);
}
.element {
color: var(--forgotten-tusk);
background-color: hsl(43 21% 71%);
border-color: oklch(0.794 0.032 88.4);
}Tailwind CSS v4
@theme {
--color-forgotten-tusk: #c4bba5;
--color-forgotten-tusk-50: #f8f5eb;
--color-forgotten-tusk-100: #ece8dc;
--color-forgotten-tusk-200: #d9d4c5;
--color-forgotten-tusk-300: #bdb7a5;
--color-forgotten-tusk-400: #a69e8a;
--color-forgotten-tusk-500: #8f856e;
--color-forgotten-tusk-600: #79715e;
--color-forgotten-tusk-700: #615a4b;
--color-forgotten-tusk-800: #474236;
--color-forgotten-tusk-900: #312d25;
--color-forgotten-tusk-950: #1d1a13;
}SCSS
$forgotten-tusk: #c4bba5;
$forgotten-tusk-rgb: 196, 187, 165;
$forgotten-tusk-light: mix(#fff, $forgotten-tusk, 20%);
$forgotten-tusk-dark: mix(#000, $forgotten-tusk, 20%);
.element {
color: $forgotten-tusk;
box-shadow: 0 0 0 2px rgba($forgotten-tusk, 0.35);
}