Colore con nome · #A5A943
Delightful Camouflage
Delightful Camouflage è #A5A943: rgb(165 169 67), hsl(62 43% 46%), oklch(0.711 0.125 111.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Delightful Camouflage color name →
#A5A943
oklch(0.711 0.125 111.3)
Conversioni di colore
- HEX
- #a5a943
- RGB
- rgb(165 169 67)
- HSL
- hsl(62 43% 46%)
- HWB
- hwb(62 26% 34%)
- OKLCH
- oklch(0.711 0.125 111.3)
- OKLab
- oklab(0.711 -0.045 0.116)
- CIE Lab
- lab(67.39 -11.52 50.45)
- LCH
- lch(67.39 51.75 102.9)
- CMYK
- cmyk(2% 0% 60% 34%)
Tinte · Ombre · Toni
Tinte
- ADB259
- B6BA6D
- BFC380
- C8CC93
- D0D4A5
- DADDB7
- E3E5C9
- ECEEDB
- F5F6ED
Ombre
- 8F9239
- 797C2F
- 656726
- 51531D
- 3D3F14
- 2B2C0C
- 1A1B05
- 0A0A01
- 010100
Toni
- A1A54D
- 9DA155
- 999D5C
- 969962
- 929568
- 8E916E
- 8B8D73
- 878877
- 83847C
Armonie di colore
Complementare +180°
- A5A943
Delightful Camouflage
- A393EA
≈ Dull Lavender
Analogo -30° +30°
- A5A943
Delightful Camouflage
- C99938
≈ Gomashio Yellow
- 74B56A
≈ Bud Green
Triadico +120° +240°
- A5A943
Delightful Camouflage
- 3AAFE2
≈ Summer Sky
- DC80AB
≈ Pinking. Fast and Slow
Complementare divisa +150° +210°
- A5A943
Delightful Camouflage
- 75A1F0
≈ Feather Star
- C687D1
≈ Purception
Tetradico +90° +180° +270°
- A5A943
Delightful Camouflage
- 00B8C1
≈ Lago Blue
- A393EA
≈ Dull Lavender
- E5807F
≈ Sugar Poppy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.51:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.35:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.35:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--delightful-camouflage: #a5a943;
--delightful-camouflage-rgb: 165 169 67;
--delightful-camouflage-oklch: oklch(0.711 0.125 111.3);
}
.element {
color: var(--delightful-camouflage);
background-color: hsl(62 43% 46%);
border-color: oklch(0.711 0.125 111.3);
}Tailwind CSS v4
@theme {
--color-delightful-camouflage: #a5a943;
--color-delightful-camouflage-50: #f5fad1;
--color-delightful-camouflage-100: #e7edbd;
--color-delightful-camouflage-200: #d4db9d;
--color-delightful-camouflage-300: #b7bf72;
--color-delightful-camouflage-400: #a1a546;
--color-delightful-camouflage-500: #8a8d00;
--color-delightful-camouflage-600: #757708;
--color-delightful-camouflage-700: #5d6009;
--color-delightful-camouflage-800: #464502;
--color-delightful-camouflage-900: #303003;
--color-delightful-camouflage-950: #1d1c00;
}SCSS
$delightful-camouflage: #a5a943;
$delightful-camouflage-rgb: 165, 169, 67;
$delightful-camouflage-light: mix(#fff, $delightful-camouflage, 20%);
$delightful-camouflage-dark: mix(#000, $delightful-camouflage, 20%);
.element {
color: $delightful-camouflage;
box-shadow: 0 0 0 2px rgba($delightful-camouflage, 0.35);
}