Colore con nome · #D0A700
Prehnite Yellow
Prehnite Yellow è #D0A700: rgb(208 167 0), hsl(48 100% 41%), oklch(0.744 0.152 91). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Prehnite Yellow color name →
#D0A700
oklch(0.744 0.152 91)
Conversioni di colore
- HEX
- #d0a700
- RGB
- rgb(208 167 0)
- HSL
- hsl(48 100% 41%)
- HWB
- hwb(48 0% 18%)
- OKLCH
- oklch(0.744 0.152 91)
- OKLab
- oklab(0.744 -0.003 0.152)
- CIE Lab
- lab(70.69 6.52 72.9)
- LCH
- lch(70.69 73.19 84.9)
- CMYK
- cmyk(0% 20% 100% 18%)
Tinte · Ombre · Toni
Tinte
- D5B03B
- D9B958
- DEC270
- E3CB86
- E8D49B
- ECDDB0
- F1E5C4
- F6EED8
- FAF6EB
Ombre
- B59100
- 9A7B00
- 806600
- 675200
- 4F3E00
- 392C00
- 231A00
- 100A00
- 020100
Toni
- C8A32A
- C0A03D
- B79C4A
- AF9855
- A7945E
- 9F9166
- 978D6E
- 908874
- 88847A
Armonie di colore
Complementare +180°
- D0A700
Prehnite Yellow
- 8EA7FF
≈ Widowmaker
Analogo -30° +30°
- D0A700
Prehnite Yellow
- F09335
≈ Furry Lion
- 9EBA3D
≈ Paddy Field
Triadico +120° +240°
- D0A700
Prehnite Yellow
- 00C1DA
≈ Caribbean Blue
- E286D8
≈ Blushed Bombshell
Complementare divisa +150° +210°
- D0A700
Prehnite Yellow
- 44B6FF
≈ Glitter Lake
- BD93FC
≈ Liliac
Tetradico +90° +180° +270°
- D0A700
Prehnite Yellow
- 00C7B1
≈ Amazonite
- 8EA7FF
≈ Widowmaker
- F87FA6
≈ Pink Makeup
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.20:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--prehnite-yellow: #d0a700;
--prehnite-yellow-rgb: 208 167 0;
--prehnite-yellow-oklch: oklch(0.744 0.152 91);
}
.element {
color: var(--prehnite-yellow);
background-color: hsl(48 100% 41%);
border-color: oklch(0.744 0.152 91);
}Tailwind CSS v4
@theme {
--color-prehnite-yellow: #d0a700;
--color-prehnite-yellow-50: #fff5c4;
--color-prehnite-yellow-100: #f9e7ae;
--color-prehnite-yellow-200: #ead387;
--color-prehnite-yellow-300: #d2b553;
--color-prehnite-yellow-400: #c09a00;
--color-prehnite-yellow-500: #ac7f00;
--color-prehnite-yellow-600: #916c00;
--color-prehnite-yellow-700: #745600;
--color-prehnite-yellow-800: #573e00;
--color-prehnite-yellow-900: #3d2b00;
--color-prehnite-yellow-950: #271800;
}SCSS
$prehnite-yellow: #d0a700;
$prehnite-yellow-rgb: 208, 167, 0;
$prehnite-yellow-light: mix(#fff, $prehnite-yellow, 20%);
$prehnite-yellow-dark: mix(#000, $prehnite-yellow, 20%);
.element {
color: $prehnite-yellow;
box-shadow: 0 0 0 2px rgba($prehnite-yellow, 0.35);
}