Nazwany kolor · #F3DD51
Minions
Minions to #F3DD51: rgb(243 221 81), hsl(52 87% 64%), oklch(0.891 0.157 100.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Minions color name →
#F3DD51
oklch(0.891 0.157 100.3)
Konwersje koloru
- HEX
- #f3dd51
- RGB
- rgb(243 221 81)
- HSL
- hsl(52 87% 64%)
- HWB
- hwb(52 32% 5%)
- OKLCH
- oklch(0.891 0.157 100.3)
- OKLab
- oklab(0.891 -0.028 0.154)
- CIE Lab
- lab(88.1 -3.43 68.39)
- LCH
- lch(88.1 68.47 92.9)
- CMYK
- cmyk(0% 9% 67% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4E169
- F5E47E
- F6E890
- F7ECA2
- F9EFB2
- FAF2C2
- FBF6D2
- FCF9E1
- FEFCF0
Odcienie ciemniejsze
- D3C045
- B4A43A
- 97882F
- 7A6E24
- 5E551A
- 443D10
- 2B2607
- 141102
- 030200
Tony
- E7D45B
- DBCA63
- CFC16A
- C3B76F
- B8AE74
- ACA577
- A19C7A
- 96927D
- 8B897F
Harmonie kolorów
Komplementarna +180°
- F3DD51
Minions
- D4D8FF
≈ Icy Plains
Analogowa -30° +30°
- F3DD51
Minions
- FFD29F
≈ Apricot Fool
- B8F07C
≈ Cucumber Milk
Triada +120° +240°
- F3DD51
Minions
- A0E8FF
≈ Winter Wizard
- FFC8EB
≈ Soulmate Pink
Komplementarna rozszczepiona +150° +210°
- F3DD51
Minions
- C0DFFF
≈ Dithered Sky
- EACFFF
≈ Rose Dragée
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.37:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.27:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.27:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--minions: #f3dd51;
--minions-rgb: 243 221 81;
--minions-oklch: oklch(0.891 0.157 100.3);
}
.element {
color: var(--minions);
background-color: hsl(52 87% 64%);
border-color: oklch(0.891 0.157 100.3);
}Tailwind CSS v4
@theme {
--color-minions: #f3dd51;
--color-minions-50: #fdf8c4;
--color-minions-100: #f2ebae;
--color-minions-200: #e1d787;
--color-minions-300: #c7ba53;
--color-minions-400: #b49f00;
--color-minions-500: #9f8600;
--color-minions-600: #867100;
--color-minions-700: #6c5b00;
--color-minions-800: #514100;
--color-minions-900: #382d00;
--color-minions-950: #231a00;
}SCSS
$minions: #f3dd51;
$minions-rgb: 243, 221, 81;
$minions-light: mix(#fff, $minions, 20%);
$minions-dark: mix(#000, $minions, 20%);
.element {
color: $minions;
box-shadow: 0 0 0 2px rgba($minions, 0.35);
}