Adlandırılmış renk · #F4C454
Rayo de Sol
Rayo de Sol, #F4C454: rgb(244 196 84), hsl(42 88% 64%), oklch(0.842 0.139 85.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Rayo de Sol color name →
#F4C454
oklch(0.842 0.139 85.6)
Renk dönüşümleri
- HEX
- #f4c454
- RGB
- rgb(244 196 84)
- HSL
- hsl(42 88% 64%)
- HWB
- hwb(42 33% 4%)
- OKLCH
- oklch(0.842 0.139 85.6)
- OKLab
- oklab(0.842 0.011 0.138)
- CIE Lab
- lab(81.97 9.22 61.03)
- LCH
- lch(81.97 61.72 81.4)
- CMYK
- cmyk(0% 20% 66% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F5CA6A
- F7D07D
- F8D68F
- F9DCA0
- FAE2B1
- FBE8C1
- FCEED0
- FDF4E0
- FEF9F0
Koyu tonlar
- D4AA48
- B5913C
- 977831
- 7A6126
- 5E4A1B
- 443511
- 2B2108
- 140E02
- 030200
Gri tonlar
- E8BD5C
- DCB763
- D0B069
- C4A96E
- B9A272
- AD9B76
- A29579
- 968E7C
- 8B877E
Renk uyumları
Tamamlayıcı +180°
- F4C454
Rayo de Sol
- B3CBFF
≈ Night Snow
Analog -30° +30°
- F4C454
Rayo de Sol
- FFBA8A
≈ Savannah Sun
- C8D665
≈ Cool as a Cucumber
Üçlü +120° +240°
- F4C454
Rayo de Sol
- 27E5F7
≈ Whimsical Blue
- FAABFC
≈ Jigglypuff
Bölünmüş tamamlayıcı +150° +210°
- F4C454
Rayo de Sol
- 8FD5FF
≈ Long Island Sound
- CFC0FF
≈ Lavender Tonic
Dörtlü +90° +180° +270°
- F4C454
Rayo de Sol
- 4BE8C7
≈ Aphrodite Aqua
- B3CBFF
≈ Night Snow
- FFB1CE
≈ Pink Cattleya
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.63:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.87:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--rayo-de-sol: #f4c454;
--rayo-de-sol-rgb: 244 196 84;
--rayo-de-sol-oklch: oklch(0.842 0.139 85.6);
}
.element {
color: var(--rayo-de-sol);
background-color: hsl(42 88% 64%);
border-color: oklch(0.842 0.139 85.6);
}Tailwind CSS v4
@theme {
--color-rayo-de-sol: #f4c454;
--color-rayo-de-sol-50: #fff4c9;
--color-rayo-de-sol-100: #fce6b3;
--color-rayo-de-sol-200: #edd18f;
--color-rayo-de-sol-300: #d5b35f;
--color-rayo-de-sol-400: #c39727;
--color-rayo-de-sol-500: #af7c00;
--color-rayo-de-sol-600: #946a00;
--color-rayo-de-sol-700: #775400;
--color-rayo-de-sol-800: #593d00;
--color-rayo-de-sol-900: #3e2a00;
--color-rayo-de-sol-950: #271700;
}SCSS
$rayo-de-sol: #f4c454;
$rayo-de-sol-rgb: 244, 196, 84;
$rayo-de-sol-light: mix(#fff, $rayo-de-sol, 20%);
$rayo-de-sol-dark: mix(#000, $rayo-de-sol, 20%);
.element {
color: $rayo-de-sol;
box-shadow: 0 0 0 2px rgba($rayo-de-sol, 0.35);
}