Colore con nome · #DDB835
Eye Catching
Eye Catching è #DDB835: rgb(221 184 53), hsl(47 71% 54%), oklch(0.794 0.147 92.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Eye Catching color name →
#DDB835
oklch(0.794 0.147 92.3)
Conversioni di colore
- HEX
- #ddb835
- RGB
- rgb(221 184 53)
- HSL
- hsl(47 71% 54%)
- HWB
- hwb(47 21% 13%)
- OKLCH
- oklch(0.794 0.147 92.3)
- OKLab
- oklab(0.794 -0.006 0.146)
- CIE Lab
- lab(76.48 4.42 66.79)
- LCH
- lch(76.48 66.94 86.2)
- CMYK
- cmyk(0% 17% 76% 13%)
Tinte · Ombre · Toni
Tinte
- E0BF53
- E4C76A
- E7CE7F
- EBD593
- EEDCA6
- F1E3B8
- F5EACA
- F8F1DC
- FCF8ED
Ombre
- C0A02D
- A48825
- 88711D
- 6E5B15
- 55450E
- 3D3108
- 261E03
- 110C01
- 020200
Toni
- D3B344
- CAAD50
- C0A859
- B7A261
- AD9D68
- A4976E
- 9B9173
- 928C78
- 89867C
Armonie di colore
Complementare +180°
- DDB835
Eye Catching
- A4B8FF
≈ Truesky Gloxym
Analogo -30° +30°
- DDB835
Eye Catching
- FEA44C
≈ Exotic Flower
- ABCA57
≈ Two Peas in a Pod
Triadico +120° +240°
- DDB835
Eye Catching
- 00D2EF
≈ Picnic Day Sky
- F297E5
≈ Diva Mecha
Complementare divisa +150° +210°
- DDB835
Eye Catching
- 76C4FF
≈ Maya Blue
- CBA8FF
≈ Purple Hepatica
Tetradico +90° +180° +270°
- DDB835
Eye Catching
- 00D9C3
≈ Mint Morning
- A4B8FF
≈ Truesky Gloxym
- FF98B5
≈ Saira Red
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.91:1 · APCA Lc 36
Ag
AAASu nero
WCAG 10.98:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.98:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--eye-catching: #ddb835;
--eye-catching-rgb: 221 184 53;
--eye-catching-oklch: oklch(0.794 0.147 92.3);
}
.element {
color: var(--eye-catching);
background-color: hsl(47 71% 54%);
border-color: oklch(0.794 0.147 92.3);
}Tailwind CSS v4
@theme {
--color-eye-catching: #ddb835;
--color-eye-catching-50: #fff5c6;
--color-eye-catching-100: #f7e8b0;
--color-eye-catching-200: #e8d48b;
--color-eye-catching-300: #d0b659;
--color-eye-catching-400: #bd9b14;
--color-eye-catching-500: #a98000;
--color-eye-catching-600: #8e6d00;
--color-eye-catching-700: #725700;
--color-eye-catching-800: #563f00;
--color-eye-catching-900: #3c2b00;
--color-eye-catching-950: #261800;
}SCSS
$eye-catching: #ddb835;
$eye-catching-rgb: 221, 184, 53;
$eye-catching-light: mix(#fff, $eye-catching, 20%);
$eye-catching-dark: mix(#000, $eye-catching, 20%);
.element {
color: $eye-catching;
box-shadow: 0 0 0 2px rgba($eye-catching, 0.35);
}