Adlandırılmış renk · #EEC657
Corn Bread
Corn Bread, #EEC657: rgb(238 198 87), hsl(44 82% 64%), oklch(0.841 0.136 89.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 Bread color name →
#EEC657
oklch(0.841 0.136 89.3)
Renk dönüşümleri
- HEX
- #eec657
- RGB
- rgb(238 198 87)
- HSL
- hsl(44 82% 64%)
- HWB
- hwb(44 34% 7%)
- OKLCH
- oklch(0.841 0.136 89.3)
- OKLab
- oklab(0.841 0.002 0.136)
- CIE Lab
- lab(81.88 5.88 59.43)
- LCH
- lch(81.88 59.73 84.3)
- CMYK
- cmyk(0% 17% 63% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0CC6C
- F2D27F
- F3D890
- F5DEA1
- F7E3B1
- F8E9C1
- FAEFD1
- FCF4E0
- FDFAF0
Koyu tonlar
- CFAC4B
- B1923E
- 937A33
- 776227
- 5C4B1C
- 423512
- 2A2108
- 140E03
- 030200
Gri tonlar
- E3BF5F
- D7B865
- CCB16B
- C1AA6F
- B6A373
- AB9C77
- A0957A
- 958E7C
- 8A877E
Renk uyumları
Tamamlayıcı +180°
- EEC657
Corn Bread
- B6C9FF
≈ Light Periwinkle
Analog -30° +30°
- EEC657
Corn Bread
- FFBA83
≈ Goose Bill
- C1D76C
≈ Cool as a Cucumber
Üçlü +120° +240°
- EEC657
Corn Bread
- 35E2FA
≈ Splashing Wave
- FCAAF6
≈ Pink Wink
Bölünmüş tamamlayıcı +150° +210°
- EEC657
Corn Bread
- 94D3FF
≈ Long Island Sound
- D3BEFF
≈ Lavender Tonic
Dörtlü +90° +180° +270°
- EEC657
Corn Bread
- 48E7CD
≈ Fake Jade
- B6C9FF
≈ Light Periwinkle
- FFB1C9
≈ Pink Cattleya
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.63:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.85:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.85:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--corn-bread: #eec657;
--corn-bread-rgb: 238 198 87;
--corn-bread-oklch: oklch(0.841 0.136 89.3);
}
.element {
color: var(--corn-bread);
background-color: hsl(44 82% 64%);
border-color: oklch(0.841 0.136 89.3);
}Tailwind CSS v4
@theme {
--color-corn-bread: #eec657;
--color-corn-bread-50: #fff5ca;
--color-corn-bread-100: #f9e7b5;
--color-corn-bread-200: #ead391;
--color-corn-bread-300: #d1b561;
--color-corn-bread-400: #be9a2c;
--color-corn-bread-500: #aa7f00;
--color-corn-bread-600: #8f6c00;
--color-corn-bread-700: #735600;
--color-corn-bread-800: #563e00;
--color-corn-bread-900: #3c2b00;
--color-corn-bread-950: #261800;
}SCSS
$corn-bread: #eec657;
$corn-bread-rgb: 238, 198, 87;
$corn-bread-light: mix(#fff, $corn-bread, 20%);
$corn-bread-dark: mix(#000, $corn-bread, 20%);
.element {
color: $corn-bread;
box-shadow: 0 0 0 2px rgba($corn-bread, 0.35);
}