Adlandırılmış renk · #FBEC5D
Corn
Corn, #FBEC5D: rgb(251 236 93), hsl(54 95% 67%), oklch(0.929 0.161 103.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Corn color name →
#FBEC5D
oklch(0.929 0.161 103.3)
Renk dönüşümleri
- HEX
- #fbec5d
- RGB
- rgb(251 236 93)
- HSL
- hsl(54 95% 67%)
- HWB
- hwb(54 36% 2%)
- OKLCH
- oklch(0.929 0.161 103.3)
- OKLab
- oklab(0.929 -0.037 0.156)
- CIE Lab
- lab(92.69 -6.76 68.57)
- LCH
- lch(92.69 68.9 95.6)
- CMYK
- cmyk(0% 6% 63% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FBEE73
- FBF186
- FCF398
- FCF5A8
- FCF7B8
- FDF8C7
- FDFAD5
- FEFCE3
- FEFEF1
Koyu tonlar
- DACD50
- BAAF43
- 9C9237
- 7E762A
- 615B1F
- 464214
- 2D290A
- 151303
- 030300
Gri tonlar
- EEE165
- E1D66C
- D4CB71
- C8C075
- BBB579
- AFAB7B
- A3A07D
- 97957F
- 8B8B80
Renk uyumları
Tamamlayıcı +180°
- FBEC5D
Corn
- E4E5FF
≈ Lavender Mist
Analog -30° +30°
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.21:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.25:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.25:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--corn: #fbec5d;
--corn-rgb: 251 236 93;
--corn-oklch: oklch(0.929 0.161 103.3);
}
.element {
color: var(--corn);
background-color: hsl(54 95% 67%);
border-color: oklch(0.929 0.161 103.3);
}Tailwind CSS v4
@theme {
--color-corn: #fbec5d;
--color-corn-50: #fbf9c3;
--color-corn-100: #efecad;
--color-corn-200: #ded986;
--color-corn-300: #c3bc51;
--color-corn-400: #b0a100;
--color-corn-500: #9a8800;
--color-corn-600: #837300;
--color-corn-700: #695c00;
--color-corn-800: #4f4300;
--color-corn-900: #372e00;
--color-corn-950: #221a00;
}SCSS
$corn: #fbec5d;
$corn-rgb: 251, 236, 93;
$corn-light: mix(#fff, $corn, 20%);
$corn-dark: mix(#000, $corn, 20%);
.element {
color: $corn;
box-shadow: 0 0 0 2px rgba($corn, 0.35);
}