Adlandırılmış renk · #FFF47C
Yellow Salmonberry
Yellow Salmonberry, #FFF47C: rgb(255 244 124), hsl(55 100% 74%), oklch(0.952 0.142 104). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Yellow Salmonberry color name →
#FFF47C
oklch(0.952 0.142 104)
Renk dönüşümleri
- HEX
- #fff47c
- RGB
- rgb(255 244 124)
- HSL
- hsl(55 100% 74%)
- HWB
- hwb(55 49% 0%)
- OKLCH
- oklch(0.952 0.142 104)
- OKLab
- oklab(0.952 -0.034 0.138)
- CIE Lab
- lab(95.3 -7.32 58.34)
- LCH
- lch(95.3 58.8 97.1)
- CMYK
- cmyk(0% 4% 51% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFF58C
- FFF79B
- FFF8A9
- FFF9B6
- FFFAC3
- FFFBD0
- FFFCDC
- FFFDE8
- FFFEF3
Koyu tonlar
- DED46B
- BEB55A
- 9E974A
- 807A3B
- 635E2C
- 48441E
- 2E2B11
- 161405
- 030301
Gri tonlar
- F2E87F
- E4DC81
- D7D082
- CAC583
- BDB984
- B1AD84
- A4A284
- 989783
- 8C8B82
Renk uyumları
Tamamlayıcı +180°
- FFF47C
Yellow Salmonberry
- EDEDFF
≈ Carte Blanche
Analog -30° +30°
- FFF47C
Yellow Salmonberry
- FFECD4
≈ Crushed Cashew
- D3FFB9
≈ Greedy Green
Üçlü +120° +240°
- FFF47C
Yellow Salmonberry
- DAF4FF
≈ Wizard White
- FFE8F4
≈ Fairy Dust
Bölünmüş tamamlayıcı +150° +210°
- FFF47C
Yellow Salmonberry
- E5F0FF
≈ Cotton Boll
- F7E9FF
≈ Placebo Fuchsia
Dörtlü +90° +180° +270°
- FFF47C
Yellow Salmonberry
- B7FFFD
≈ Winter Meadow
- EDEDFF
≈ Carte Blanche
- FFE9EA
≈ Pink Sparkle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.13:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.48:1 · APCA Lc 98
En iyi metin rengi: #000000
WCAG 18.48:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--yellow-salmonberry: #fff47c;
--yellow-salmonberry-rgb: 255 244 124;
--yellow-salmonberry-oklch: oklch(0.952 0.142 104);
}
.element {
color: var(--yellow-salmonberry);
background-color: hsl(55 100% 74%);
border-color: oklch(0.952 0.142 104);
}Tailwind CSS v4
@theme {
--color-yellow-salmonberry: #fff47c;
--color-yellow-salmonberry-50: #faf8ca;
--color-yellow-salmonberry-100: #eeecb5;
--color-yellow-salmonberry-200: #dcd991;
--color-yellow-salmonberry-300: #c1bc61;
--color-yellow-salmonberry-400: #ada229;
--color-yellow-salmonberry-500: #978900;
--color-yellow-salmonberry-600: #7f7400;
--color-yellow-salmonberry-700: #665d00;
--color-yellow-salmonberry-800: #4d4300;
--color-yellow-salmonberry-900: #352e00;
--color-yellow-salmonberry-950: #201b00;
}SCSS
$yellow-salmonberry: #fff47c;
$yellow-salmonberry-rgb: 255, 244, 124;
$yellow-salmonberry-light: mix(#fff, $yellow-salmonberry, 20%);
$yellow-salmonberry-dark: mix(#000, $yellow-salmonberry, 20%);
.element {
color: $yellow-salmonberry;
box-shadow: 0 0 0 2px rgba($yellow-salmonberry, 0.35);
}