Colore con nome · #AE935D
Sconce
Sconce è #AE935D: rgb(174 147 93), hsl(40 33% 52%), oklch(0.675 0.079 83.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sconce color name →
#AE935D
oklch(0.675 0.079 83.9)
Conversioni di colore
- HEX
- #ae935d
- RGB
- rgb(174 147 93)
- HSL
- hsl(40 33% 52%)
- HWB
- hwb(40 36% 32%)
- OKLCH
- oklch(0.675 0.079 83.9)
- OKLab
- oklab(0.675 0.008 0.078)
- CIE Lab
- lab(62.51 5.09 32.45)
- LCH
- lch(62.51 32.85 81.1)
- CMYK
- cmyk(0% 16% 47% 32%)
Tinte · Ombre · Toni
Tinte
- B69E6D
- BEA87D
- C6B38D
- CEBD9D
- D6C8AD
- DED3BD
- E6DECE
- EFE9DE
- F7F4EE
Ombre
- 977F50
- 806C43
- 6A5937
- 55472A
- 41361F
- 2E2514
- 1C160A
- 0B0803
- 010100
Toni
- A99161
- A58F65
- A08E69
- 9B8C6D
- 978A71
- 928874
- 8E8677
- 89847A
- 85827D
Armonie di colore
Complementare +180°
- AE935D
Sconce
- 7E97C8
≈ Steel Blue Eyes
Analogo -30° +30°
- AE935D
Sconce
- BE8A68
≈ Fenugreek
- 969D63
≈ Stem
Triadico +120° +240°
- AE935D
Sconce
- 56A5AD
≈ Freshwater
- AF86B3
≈ African Violet
Complementare divisa +150° +210°
- AE935D
Sconce
- 649FC0
≈ Gulf Stream Blue
- 998EC3
≈ Hermosa
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.94:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.13:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--sconce: #ae935d;
--sconce-rgb: 174 147 93;
--sconce-oklch: oklch(0.675 0.079 83.9);
}
.element {
color: var(--sconce);
background-color: hsl(40 33% 52%);
border-color: oklch(0.675 0.079 83.9);
}Tailwind CSS v4
@theme {
--color-sconce: #ae935d;
--color-sconce-50: #fff4dc;
--color-sconce-100: #f4e7cb;
--color-sconce-200: #e3d3af;
--color-sconce-300: #c9b589;
--color-sconce-400: #b59b68;
--color-sconce-500: #9f8245;
--color-sconce-600: #866e3c;
--color-sconce-700: #6c582f;
--color-sconce-800: #504021;
--color-sconce-900: #382c16;
--color-sconce-950: #221907;
}SCSS
$sconce: #ae935d;
$sconce-rgb: 174, 147, 93;
$sconce-light: mix(#fff, $sconce, 20%);
$sconce-dark: mix(#000, $sconce, 20%);
.element {
color: $sconce;
box-shadow: 0 0 0 2px rgba($sconce, 0.35);
}