Colore con nome più vicino · #D8A928
#D8A928
Colore con nome più vicino: Honeycomb
#D8A928 (rgb(216 169 40), hsl(44 69% 50%), oklch(0.758 0.145 86.7)) è più vicino al colore con nome Honeycomb. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D8A928
oklch(0.758 0.145 86.7)
Conversioni di colore
- HEX
- #d8a928
- RGB
- rgb(216 169 40)
- HSL
- hsl(44 69% 50%)
- HWB
- hwb(44 16% 15%)
- OKLCH
- oklch(0.758 0.145 86.7)
- OKLab
- oklab(0.758 0.008 0.144)
- CIE Lab
- lab(72.13 9.48 66.99)
- LCH
- lch(72.13 67.66 81.9)
- CMYK
- cmyk(0% 22% 81% 15%)
Tinte · Ombre · Toni
Tinte
- DCB249
- E0BB62
- E4C378
- E8CC8D
- ECD5A1
- F0DDB4
- F4E6C7
- F7EEDA
- FBF7EC
Ombre
- BC9221
- A07C1B
- 856715
- 6B530F
- 533F09
- 3B2C04
- 251B02
- 110A01
- 020100
Toni
- CFA53B
- C6A148
- BD9D53
- B4995C
- AB9563
- A3916A
- 9A8D70
- 918976
- 89847B
Armonie di colore
Complementare +180°
- D8A928
Honeycomb
- 8DAEFF
≈ Kitten’s Eye
Analogo -30° +30°
- D8A928
Honeycomb
- F4964B
≈ Fall River
- ABBC43
≈ Hopscotch
Triadico +120° +240°
- D8A928
Honeycomb
- 00C7DA
≈ The Crowd Roars!
- E08EE0
≈ Bright Lilac
Complementare divisa +150° +210°
- D8A928
Honeycomb
- 40BDFF
≈ Megaman
- BA9CFF
≈ Diva
Tetradico +90° +180° +270°
- D8A928
Honeycomb
- 00CDAE
≈ Mint Leaf
- 8DAEFF
≈ Kitten’s Eye
- F887B2
≈ Brown Knapweed
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.18:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.62:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.62:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--honeycomb: #d8a928;
--honeycomb-rgb: 216 169 40;
--honeycomb-oklch: oklch(0.758 0.145 86.7);
}
.element {
color: var(--honeycomb);
background-color: hsl(44 69% 50%);
border-color: oklch(0.758 0.145 86.7);
}Tailwind CSS v4
@theme {
--color-honeycomb: #d8a928;
--color-honeycomb-50: #fff4c7;
--color-honeycomb-100: #fce6b1;
--color-honeycomb-200: #edd28b;
--color-honeycomb-300: #d5b35a;
--color-honeycomb-400: #c3971a;
--color-honeycomb-500: #af7d00;
--color-honeycomb-600: #946a00;
--color-honeycomb-700: #775500;
--color-honeycomb-800: #593d00;
--color-honeycomb-900: #3e2a00;
--color-honeycomb-950: #271700;
}SCSS
$honeycomb: #d8a928;
$honeycomb-rgb: 216, 169, 40;
$honeycomb-light: mix(#fff, $honeycomb, 20%);
$honeycomb-dark: mix(#000, $honeycomb, 20%);
.element {
color: $honeycomb;
box-shadow: 0 0 0 2px rgba($honeycomb, 0.35);
}