Colore con nome · #FFD775
Honey Glaze
Honey Glaze è #FFD775: rgb(255 215 117), hsl(43 100% 73%), oklch(0.894 0.125 87.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Honey Glaze color name →
#FFD775
oklch(0.894 0.125 87.6)
Conversioni di colore
- HEX
- #ffd775
- RGB
- rgb(255 215 117)
- HSL
- hsl(43 100% 73%)
- HWB
- hwb(43 46% 0%)
- OKLCH
- oklch(0.894 0.125 87.6)
- OKLab
- oklab(0.894 0.005 0.125)
- CIE Lab
- lab(87.99 6.05 53.17)
- LCH
- lch(87.99 53.51 83.5)
- CMYK
- cmyk(0% 16% 54% 0%)
Tinte · Ombre · Toni
Tinte
- FFDB85
- FFDF94
- FFE4A3
- FFE8B1
- FFECBE
- FFF0CB
- FFF4D9
- FFF7E5
- FFFBF2
Ombre
- DEBB65
- BE9F55
- 9E8546
- 806B37
- 635229
- 483B1C
- 2E250F
- 161105
- 030201
Toni
- F2CE78
- E4C57B
- D7BD7D
- CAB47E
- BEAB80
- B1A280
- A59A81
- 989181
- 8C8981
Armonie di colore
Complementare +180°
- FFD775
Honey Glaze
- CDDCFF
≈ Arc Light
Analogo -30° +30°
- FFD775
Honey Glaze
- FFD2B1
≈ Papaya Whip
- D5E785
≈ Refreshed
Triadico +120° +240°
- FFD775
Honey Glaze
- 82EFFF
≈ Photon Projector
- FFC6FD
≈ Sugar Chic
Complementare divisa +150° +210°
- FFD775
Honey Glaze
- B8E3FF
≈ Dithered Sky
- E0D4FF
≈ Pale Lavender
Tetradico +90° +180° +270°
- FFD775
Honey Glaze
- 71F7DB
≈ Tiffany Blue
- CDDCFF
≈ Arc Light
- FFCCDC
≈ Linnet Egg Red
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.22:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.22:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--honey-glaze: #ffd775;
--honey-glaze-rgb: 255 215 117;
--honey-glaze-oklch: oklch(0.894 0.125 87.6);
}
.element {
color: var(--honey-glaze);
background-color: hsl(43 100% 73%);
border-color: oklch(0.894 0.125 87.6);
}Tailwind CSS v4
@theme {
--color-honey-glaze: #ffd775;
--color-honey-glaze-50: #fff4cd;
--color-honey-glaze-100: #f8e7b9;
--color-honey-glaze-200: #e9d296;
--color-honey-glaze-300: #d1b569;
--color-honey-glaze-400: #be993b;
--color-honey-glaze-500: #a97f00;
--color-honey-glaze-600: #8f6c00;
--color-honey-glaze-700: #725600;
--color-honey-glaze-800: #563e00;
--color-honey-glaze-900: #3c2b00;
--color-honey-glaze-950: #261800;
}SCSS
$honey-glaze: #ffd775;
$honey-glaze-rgb: 255, 215, 117;
$honey-glaze-light: mix(#fff, $honey-glaze, 20%);
$honey-glaze-dark: mix(#000, $honey-glaze, 20%);
.element {
color: $honey-glaze;
box-shadow: 0 0 0 2px rgba($honey-glaze, 0.35);
}