Colore con nome · #DAB965
Misted Yellow
Misted Yellow è #DAB965: rgb(218 185 101), hsl(43 61% 63%), oklch(0.797 0.11 88.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Misted Yellow color name →
#DAB965
oklch(0.797 0.11 88.4)
Conversioni di colore
- HEX
- #dab965
- RGB
- rgb(218 185 101)
- HSL
- hsl(43 61% 63%)
- HWB
- hwb(43 40% 15%)
- OKLCH
- oklch(0.797 0.11 88.4)
- OKLab
- oklab(0.797 0.003 0.11)
- CIE Lab
- lab(76.78 4.75 46.72)
- LCH
- lch(76.78 46.96 84.2)
- CMYK
- cmyk(0% 15% 54% 15%)
Tinte · Ombre · Toni
Tinte
- DEC076
- E1C786
- E5CE96
- E9D5A5
- EDDCB5
- F0E3C4
- F4EAD2
- F8F1E1
- FBF8F0
Ombre
- BDA057
- A28949
- 87713C
- 6C5B2F
- 544622
- 3C3117
- 251E0C
- 110D03
- 020200
Toni
- D1B36A
- C7AE6E
- BEA871
- B5A274
- AC9D77
- A39779
- 9A917B
- 918B7D
- 89867F
Armonie di colore
Complementare +180°
- DAB965
Misted Yellow
- A1BBFF
≈ Truesky Gloxym
Analogo -30° +30°
- DAB965
Misted Yellow
- F2AB73
≈ Catalina Tile
- B6C773
≈ Young Leaf
Triadico +120° +240°
- DAB965
Misted Yellow
- 56D0E2
≈ Watercourse
- E4A3E0
≈ Plum Juice
Complementare divisa +150° +210°
- DAB965
Misted Yellow
- 75C7FC
≈ Nevermind Nirvana
- C6ADFB
≈ Teasel Dipsacus
Tetradico +90° +180° +270°
- DAB965
Misted Yellow
- 61D4BD
≈ Sweet Garden
- A1BBFF
≈ Truesky Gloxym
- F79FBC
≈ Pink Chalk
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.10:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.10:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--misted-yellow: #dab965;
--misted-yellow-rgb: 218 185 101;
--misted-yellow-oklch: oklch(0.797 0.11 88.4);
}
.element {
color: var(--misted-yellow);
background-color: hsl(43 61% 63%);
border-color: oklch(0.797 0.11 88.4);
}Tailwind CSS v4
@theme {
--color-misted-yellow: #dab965;
--color-misted-yellow-50: #fff5d2;
--color-misted-yellow-100: #f6e7bf;
--color-misted-yellow-200: #e6d39e;
--color-misted-yellow-300: #cdb574;
--color-misted-yellow-400: #b99b4c;
--color-misted-yellow-500: #a48115;
--color-misted-yellow-600: #8b6d16;
--color-misted-yellow-700: #6f5712;
--color-misted-yellow-800: #533f0a;
--color-misted-yellow-900: #3a2c07;
--color-misted-yellow-950: #241900;
}SCSS
$misted-yellow: #dab965;
$misted-yellow-rgb: 218, 185, 101;
$misted-yellow-light: mix(#fff, $misted-yellow, 20%);
$misted-yellow-dark: mix(#000, $misted-yellow, 20%);
.element {
color: $misted-yellow;
box-shadow: 0 0 0 2px rgba($misted-yellow, 0.35);
}