Colore con nome · #D6A766
Ungor Beige
Ungor Beige è #D6A766: rgb(214 167 102), hsl(35 58% 62%), oklch(0.758 0.1 74.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Ungor Beige color name →
#D6A766
oklch(0.758 0.1 74.3)
Conversioni di colore
- HEX
- #d6a766
- RGB
- rgb(214 167 102)
- HSL
- hsl(35 58% 62%)
- HWB
- hwb(35 40% 16%)
- OKLCH
- oklch(0.758 0.1 74.3)
- OKLab
- oklab(0.758 0.027 0.096)
- CIE Lab
- lab(71.87 12.22 40.32)
- LCH
- lch(71.87 42.13 73.1)
- CMYK
- cmyk(0% 22% 52% 16%)
Tinte · Ombre · Toni
Tinte
- DAB076
- DFB986
- E3C195
- E7CAA4
- EBD3B4
- EFDCC3
- F3E5D2
- F7EDE1
- FBF6F0
Ombre
- BA9158
- 9E7B4A
- 84663C
- 6A522F
- 523E23
- 3B2C17
- 251A0C
- 100A04
- 020100
Toni
- CDA36A
- C59F6D
- BC9C71
- B39873
- AB9476
- A29078
- 998C7B
- 91887D
- 88847E
Armonie di colore
Complementare +180°
- D6A766
Ungor Beige
- 84B4EF
≈ Fly Away
Analogo -30° +30°
- D6A766
Ungor Beige
- E69C7C
≈ Les Demoiselles d’Avignon
- BAB467
≈ Hi Def Lime
Triadico +120° +240°
- D6A766
Ungor Beige
- 57C4C3
≈ Port Hope
- C89DDD
≈ Silver Rust
Complementare divisa +150° +210°
- D6A766
Ungor Beige
- 62BEDF
≈ Sea Capture
- A9A8EE
≈ Maximum Blue Purple
Tetradico +90° +180° +270°
- D6A766
Ungor Beige
- 6FC5A0
≈ Gem Silica
- 84B4EF
≈ Fly Away
- DE97C0
≈ Lilac Chiffon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.57:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.57:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--ungor-beige: #d6a766;
--ungor-beige-rgb: 214 167 102;
--ungor-beige-oklch: oklch(0.758 0.1 74.3);
}
.element {
color: var(--ungor-beige);
background-color: hsl(35 58% 62%);
border-color: oklch(0.758 0.1 74.3);
}Tailwind CSS v4
@theme {
--color-ungor-beige: #d6a766;
--color-ungor-beige-50: #fff2d6;
--color-ungor-beige-100: #fbe4c4;
--color-ungor-beige-200: #edcfa5;
--color-ungor-beige-300: #d5b17d;
--color-ungor-beige-400: #c19659;
--color-ungor-beige-500: #ad7b30;
--color-ungor-beige-600: #92692a;
--color-ungor-beige-700: #755422;
--color-ungor-beige-800: #573c17;
--color-ungor-beige-900: #3d290f;
--color-ungor-beige-950: #261703;
}SCSS
$ungor-beige: #d6a766;
$ungor-beige-rgb: 214, 167, 102;
$ungor-beige-light: mix(#fff, $ungor-beige, 20%);
$ungor-beige-dark: mix(#000, $ungor-beige, 20%);
.element {
color: $ungor-beige;
box-shadow: 0 0 0 2px rgba($ungor-beige, 0.35);
}