Nazwany kolor · #F6D255
Yellow Mask
Yellow Mask to #F6D255: rgb(246 210 85), hsl(47 90% 65%), oklch(0.872 0.146 92.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Yellow Mask color name →
#F6D255
oklch(0.872 0.146 92.9)
Konwersje koloru
- HEX
- #f6d255
- RGB
- rgb(246 210 85)
- HSL
- hsl(47 90% 65%)
- HWB
- hwb(47 33% 4%)
- OKLCH
- oklch(0.872 0.146 92.9)
- OKLab
- oklab(0.872 -0.008 0.146)
- CIE Lab
- lab(85.63 3.25 64.44)
- LCH
- lch(85.63 64.52 87.1)
- CMYK
- cmyk(0% 15% 65% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F7D76B
- F8DC7F
- F9E091
- FAE5A2
- FBE9B2
- FBEEC2
- FCF2D2
- FDF7E1
- FEFBF0
Odcienie ciemniejsze
- D6B649
- B79B3D
- 988131
- 7B6826
- 5F501C
- 453911
- 2C2408
- 151002
- 030200
Tony
- EACA5E
- DDC265
- D1B96B
- C5B170
- B9A974
- AEA177
- A2997A
- 96907D
- 8B887F
Harmonie kolorów
Komplementarna +180°
- F6D255
Yellow Mask
- C7D3FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- F6D255
Yellow Mask
- FFC998
≈ Peachy Breezes
- C3E472
≈ Idocrase Green
Triada +120° +240°
- F6D255
Yellow Mask
- 77E8FF
≈ Robin’s Egg
- FFBBF3
≈ Pink Quartz
Komplementarna rozszczepiona +150° +210°
- F6D255
Yellow Mask
- AEDBFF
≈ Droplet
- DFC9FF
≈ Foggy Heath
Tetrada +90° +180° +270°
- F6D255
Yellow Mask
- 36F4DE
≈ Bright Aqua
- C7D3FF
≈ Pale Phthalo Blue
- FFC2D0
≈ Garden Glory
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.47:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.26:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.26:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--yellow-mask: #f6d255;
--yellow-mask-rgb: 246 210 85;
--yellow-mask-oklch: oklch(0.872 0.146 92.9);
}
.element {
color: var(--yellow-mask);
background-color: hsl(47 90% 65%);
border-color: oklch(0.872 0.146 92.9);
}Tailwind CSS v4
@theme {
--color-yellow-mask: #f6d255;
--color-yellow-mask-50: #fff6c6;
--color-yellow-mask-100: #f7e8b1;
--color-yellow-mask-200: #e8d48b;
--color-yellow-mask-300: #cfb659;
--color-yellow-mask-400: #bc9b15;
--color-yellow-mask-500: #a88100;
--color-yellow-mask-600: #8e6d00;
--color-yellow-mask-700: #725700;
--color-yellow-mask-800: #553f00;
--color-yellow-mask-900: #3c2b00;
--color-yellow-mask-950: #251800;
}SCSS
$yellow-mask: #f6d255;
$yellow-mask-rgb: 246, 210, 85;
$yellow-mask-light: mix(#fff, $yellow-mask, 20%);
$yellow-mask-dark: mix(#000, $yellow-mask, 20%);
.element {
color: $yellow-mask;
box-shadow: 0 0 0 2px rgba($yellow-mask, 0.35);
}