Adlandırılmış renk · #E0C3A2
Light Corn Yellow
Light Corn Yellow, #E0C3A2: rgb(224 195 162), hsl(32 50% 76%), oklch(0.834 0.055 70.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Light Corn Yellow color name →
#E0C3A2
oklch(0.834 0.055 70.6)
Renk dönüşümleri
- HEX
- #e0c3a2
- RGB
- rgb(224 195 162)
- HSL
- hsl(32 50% 76%)
- HWB
- hwb(32 64% 12%)
- OKLCH
- oklch(0.834 0.055 70.6)
- OKLab
- oklab(0.834 0.018 0.052)
- CIE Lab
- lab(80.68 7 20.63)
- LCH
- lch(80.68 21.79 71.3)
- CMYK
- cmyk(0% 13% 28% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E3C9AB
- E6CFB4
- E9D5BE
- EDDBC7
- F0E1D0
- F3E7DA
- F6EDE3
- F9F3EC
- FCF9F6
Koyu tonlar
- C3A98C
- A69077
- 8A7863
- 70604F
- 564A3C
- 3E342A
- 272019
- 120E0A
- 020201
Gri tonlar
- D6BC9F
- CCB59B
- C2AF98
- B9A895
- AFA191
- A59A8E
- 9C948A
- 938D87
- 898784
Renk uyumları
Tamamlayıcı +180°
- E0C3A2
Light Corn Yellow
- AECCEC
≈ Andromeda Blue
Analog -30° +30°
- E0C3A2
Light Corn Yellow
- E9BDAE
≈ Virgin Peach
- D0CAA1
≈ Frozen Dew
Üçlü +120° +240°
- E0C3A2
Light Corn Yellow
- 9FD4D1
≈ Crystal Aqua
- D4BFE4
≈ York Plum
Bölünmüş tamamlayıcı +150° +210°
- E0C3A2
Light Corn Yellow
- A1D1E2
≈ Sea Rover
- C1C5EC
≈ Violet Gems
Dörtlü +90° +180° +270°
- E0C3A2
Light Corn Yellow
- AAD4BD
≈ Eerie Glow
- AECCEC
≈ Andromeda Blue
- E2BBD3
≈ Eau de Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.68:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.49:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.49:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-corn-yellow: #e0c3a2;
--light-corn-yellow-rgb: 224 195 162;
--light-corn-yellow-oklch: oklch(0.834 0.055 70.6);
}
.element {
color: var(--light-corn-yellow);
background-color: hsl(32 50% 76%);
border-color: oklch(0.834 0.055 70.6);
}Tailwind CSS v4
@theme {
--color-light-corn-yellow: #e0c3a2;
--color-light-corn-yellow-50: #fff3e4;
--color-light-corn-yellow-100: #f4e5d4;
--color-light-corn-yellow-200: #e3d1bb;
--color-light-corn-yellow-300: #c9b499;
--color-light-corn-yellow-400: #b4997b;
--color-light-corn-yellow-500: #9e805e;
--color-light-corn-yellow-600: #856d50;
--color-light-corn-yellow-700: #6b573f;
--color-light-corn-yellow-800: #4f3f2e;
--color-light-corn-yellow-900: #372b1f;
--color-light-corn-yellow-950: #22190f;
}SCSS
$light-corn-yellow: #e0c3a2;
$light-corn-yellow-rgb: 224, 195, 162;
$light-corn-yellow-light: mix(#fff, $light-corn-yellow, 20%);
$light-corn-yellow-dark: mix(#000, $light-corn-yellow, 20%);
.element {
color: $light-corn-yellow;
box-shadow: 0 0 0 2px rgba($light-corn-yellow, 0.35);
}