Color con nombre · #AD8F0F
Titanite Yellow
Titanite Yellow es #AD8F0F: rgb(173 143 15), hsl(49 84% 37%), oklch(0.659 0.132 93.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Titanite Yellow color name →
#AD8F0F
oklch(0.659 0.132 93.5)
Conversiones de color
- HEX
- #ad8f0f
- RGB
- rgb(173 143 15)
- HSL
- hsl(49 84% 37%)
- HWB
- hwb(49 6% 32%)
- OKLCH
- oklch(0.659 0.132 93.5)
- OKLab
- oklab(0.659 -0.008 0.132)
- CIE Lab
- lab(60.8 3.47 62.07)
- LCH
- lch(60.8 62.17 86.8)
- CMYK
- cmyk(0% 17% 91% 32%)
Tintes · Sombras · Tonos
Tintes
- B59A39
- BDA554
- C5B16B
- CDBC81
- D5C796
- DED2AB
- E6DDC0
- EEE8D5
- F7F4EA
Sombras
- 967C0B
- 7F6908
- 6A5705
- 554503
- 413402
- 2D2401
- 1B1500
- 0B0700
- 010100
Tonos
- A88E2A
- A48D3A
- 9F8B46
- 9B8A51
- 96885A
- 928763
- 8D856B
- 898472
- 848279
Armonías de color
Complementario +180°
- AD8F0F
Titanite Yellow
- 788AE2
≈ Tanzine
Análogo -30° +30°
- AD8F0F
Titanite Yellow
- C97E2C
≈ Mulberry Thorn
- 829F3A
≈ New Shoot
Triádico +120° +240°
- AD8F0F
Titanite Yellow
- 00A3BC
≈ January Blue
- C171B4
≈ Crocus
Complementario dividido +150° +210°
- AD8F0F
Titanite Yellow
- 3C99DC
≈ Flax Flower Blue
- A37CD3
≈ Wisteria
Tetrádico +90° +180° +270°
- AD8F0F
Titanite Yellow
- 00A999
≈ Tropical Hideaway
- 788AE2
≈ Tanzine
- D36C89
≈ Strawberry Milkshake
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.12:1 · APCA Lc 58
Ag
AASobre negro
WCAG 6.71:1 · APCA Lc 44
Mejor color de texto: #000000
WCAG 6.71:1 (AA) · APCA Lc 44
Contrast pairs
Fragmentos de código
CSS
:root {
--titanite-yellow: #ad8f0f;
--titanite-yellow-rgb: 173 143 15;
--titanite-yellow-oklch: oklch(0.659 0.132 93.5);
}
.element {
color: var(--titanite-yellow);
background-color: hsl(49 84% 37%);
border-color: oklch(0.659 0.132 93.5);
}Tailwind CSS v4
@theme {
--color-titanite-yellow: #ad8f0f;
--color-titanite-yellow-50: #fff6cb;
--color-titanite-yellow-100: #f5e8b6;
--color-titanite-yellow-200: #e5d493;
--color-titanite-yellow-300: #ccb765;
--color-titanite-yellow-400: #b99c32;
--color-titanite-yellow-500: #a48200;
--color-titanite-yellow-600: #8a6f00;
--color-titanite-yellow-700: #6f5800;
--color-titanite-yellow-800: #534000;
--color-titanite-yellow-900: #3a2c00;
--color-titanite-yellow-950: #241900;
}SCSS
$titanite-yellow: #ad8f0f;
$titanite-yellow-rgb: 173, 143, 15;
$titanite-yellow-light: mix(#fff, $titanite-yellow, 20%);
$titanite-yellow-dark: mix(#000, $titanite-yellow, 20%);
.element {
color: $titanite-yellow;
box-shadow: 0 0 0 2px rgba($titanite-yellow, 0.35);
}