Colore con nome · #D3973C
Bugle Call
Bugle Call è #D3973C: rgb(211 151 60), hsl(36 63% 53%), oklch(0.719 0.127 74.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Bugle Call color name →
#D3973C
oklch(0.719 0.127 74.2)
Conversioni di colore
- HEX
- #d3973c
- RGB
- rgb(211 151 60)
- HSL
- hsl(36 63% 53%)
- HWB
- hwb(36 24% 17%)
- OKLCH
- oklch(0.719 0.127 74.2)
- OKLab
- oklab(0.719 0.035 0.122)
- CIE Lab
- lab(67.24 17.09 55.07)
- LCH
- lch(67.24 57.66 72.8)
- CMYK
- cmyk(0% 28% 72% 17%)
Tinte · Ombre · Toni
Tinte
- D8A254
- DDAC69
- E1B77D
- E6C190
- EACBA3
- EFD6B5
- F3E0C8
- F7EADA
- FBF5ED
Ombre
- B78333
- 9C6F2A
- 825C21
- 694919
- 513711
- 3A260A
- 241704
- 100801
- 020100
Toni
- CB9547
- C29350
- BA9158
- B28F60
- AA8D66
- A18A6C
- 998872
- 918577
- 88837B
Armonie di colore
Complementare +180°
- D3973C
Bugle Call
- 6AA7F2
≈ Cerulean
Analogo -30° +30°
- D3973C
Bugle Call
- E6885F
≈ Indiana Clay
- B1A83C
≈ Brass
Triadico +120° +240°
- D3973C
Bugle Call
- 00BCBB
≈ Jade Gravel
- C18BDC
≈ Purception
Complementare divisa +150° +210°
- D3973C
Bugle Call
- 26B4DF
≈ Blue Atoll
- 9B98F1
≈ Cobalite
Tetradico +90° +180° +270°
- D3973C
Bugle Call
- 45BD8F
≈ Aragon Green
- 6AA7F2
≈ Cerulean
- DB82B7
≈ Middle Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.54:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.26:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--bugle-call: #d3973c;
--bugle-call-rgb: 211 151 60;
--bugle-call-oklch: oklch(0.719 0.127 74.2);
}
.element {
color: var(--bugle-call);
background-color: hsl(36 63% 53%);
border-color: oklch(0.719 0.127 74.2);
}Tailwind CSS v4
@theme {
--color-bugle-call: #d3973c;
--color-bugle-call-50: #fff1cd;
--color-bugle-call-100: #ffe3b9;
--color-bugle-call-200: #f4cd97;
--color-bugle-call-300: #ddaf6a;
--color-bugle-call-400: #cb923e;
--color-bugle-call-500: #b77700;
--color-bugle-call-600: #9b6500;
--color-bugle-call-700: #7c5000;
--color-bugle-call-800: #5d3a00;
--color-bugle-call-900: #412801;
--color-bugle-call-950: #2a1500;
}SCSS
$bugle-call: #d3973c;
$bugle-call-rgb: 211, 151, 60;
$bugle-call-light: mix(#fff, $bugle-call, 20%);
$bugle-call-dark: mix(#000, $bugle-call, 20%);
.element {
color: $bugle-call;
box-shadow: 0 0 0 2px rgba($bugle-call, 0.35);
}