Colore con nome · #F6D155
Primrose Yellow
Primrose Yellow è #F6D155: rgb(246 209 85), hsl(46 90% 65%), oklch(0.87 0.146 92.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Primrose Yellow color name →
#F6D155
oklch(0.87 0.146 92.4)
Conversioni di colore
- HEX
- #f6d155
- RGB
- rgb(246 209 85)
- HSL
- hsl(46 90% 65%)
- HWB
- hwb(46 33% 4%)
- OKLCH
- oklch(0.87 0.146 92.4)
- OKLab
- oklab(0.87 -0.006 0.145)
- CIE Lab
- lab(85.38 3.73 64.18)
- LCH
- lch(85.38 64.29 86.7)
- CMYK
- cmyk(0% 15% 65% 4%)
Tinte · Ombre · Toni
Tinte
- F7D66B
- F8DB7F
- F9E091
- FAE4A2
- FBE9B2
- FBEEC2
- FCF2D2
- FDF6E1
- FEFBF0
Ombre
- D6B549
- B79B3D
- 988131
- 7B6826
- 5F501C
- 453911
- 2C2308
- 151002
- 030200
Toni
- EAC95E
- DDC165
- D1B96B
- C5B170
- B9A874
- AEA077
- A2987A
- 96907D
- 8B887F
Armonie di colore
Complementare +180°
- F6D155
Primrose Yellow
- C6D2FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- F6D155
Primrose Yellow
- FFC898
≈ Peachy Breezes
- C4E371
≈ Idocrase Green
Triadico +120° +240°
- F6D155
Primrose Yellow
- 72E8FF
≈ Robin’s Egg
- FFBAF4
≈ Pink Quartz
Complementare divisa +150° +210°
- F6D155
Primrose Yellow
- ACDBFF
≈ Droplet
- DEC9FF
≈ Foggy Heath
Tetradico +90° +180° +270°
- F6D155
Primrose Yellow
- 38F3DC
≈ Frozen Boubble
- C6D2FF
≈ Pale Phthalo Blue
- FFC1D0
≈ Garden Glory
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.48:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.16:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.16:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--primrose-yellow: #f6d155;
--primrose-yellow-rgb: 246 209 85;
--primrose-yellow-oklch: oklch(0.87 0.146 92.4);
}
.element {
color: var(--primrose-yellow);
background-color: hsl(46 90% 65%);
border-color: oklch(0.87 0.146 92.4);
}Tailwind CSS v4
@theme {
--color-primrose-yellow: #f6d155;
--color-primrose-yellow-50: #fff5c6;
--color-primrose-yellow-100: #f7e8b1;
--color-primrose-yellow-200: #e8d48b;
--color-primrose-yellow-300: #cfb659;
--color-primrose-yellow-400: #bd9b17;
--color-primrose-yellow-500: #a88100;
--color-primrose-yellow-600: #8e6d00;
--color-primrose-yellow-700: #725700;
--color-primrose-yellow-800: #563f00;
--color-primrose-yellow-900: #3c2b00;
--color-primrose-yellow-950: #261800;
}SCSS
$primrose-yellow: #f6d155;
$primrose-yellow-rgb: 246, 209, 85;
$primrose-yellow-light: mix(#fff, $primrose-yellow, 20%);
$primrose-yellow-dark: mix(#000, $primrose-yellow, 20%);
.element {
color: $primrose-yellow;
box-shadow: 0 0 0 2px rgba($primrose-yellow, 0.35);
}