Adlandırılmış renk · #E2CC9C
Prairie Land
Prairie Land, #E2CC9C: rgb(226 204 156), hsl(41 55% 75%), oklch(0.852 0.068 86.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Prairie Land color name →
#E2CC9C
oklch(0.852 0.068 86.2)
Renk dönüşümleri
- HEX
- #e2cc9c
- RGB
- rgb(226 204 156)
- HSL
- hsl(41 55% 75%)
- HWB
- hwb(41 61% 11%)
- OKLCH
- oklch(0.852 0.068 86.2)
- OKLab
- oklab(0.852 0.004 0.067)
- CIE Lab
- lab(83.03 2.77 26.96)
- LCH
- lch(83.03 27.1 84.1)
- CMYK
- cmyk(0% 10% 31% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5D1A6
- E8D6B0
- EBDBBA
- EEE0C4
- F1E6CE
- F3EBD8
- F6F0E1
- F9F5EB
- FCFAF5
Koyu tonlar
- C4B187
- A89773
- 8C7E5F
- 71654C
- 574E39
- 3E3728
- 272218
- 120F09
- 030201
Gri tonlar
- D8C49A
- CEBC97
- C4B594
- BAAD92
- B0A58F
- A69E8C
- 9C9689
- 938F86
- 898783
Renk uyumları
Tamamlayıcı +180°
- E2CC9C
Prairie Land
- BACEFC
≈ Ice Cold Stare
Analog -30° +30°
- E2CC9C
Prairie Land
- F2C4A4
≈ Australian Apricot
- CBD5A2
≈ True to You
Üçlü +120° +240°
- E2CC9C
Prairie Land
- 99DCE4
≈ Cool Water Lake
- E6C0E6
≈ Prom Corsage
Bölünmüş tamamlayıcı +150° +210°
- E2CC9C
Prairie Land
- A4D6F5
≈ Juzcar Blue
- D2C6F6
≈ Innocent Snowdrop
Dörtlü +90° +180° +270°
- E2CC9C
Prairie Land
- 9FDDCD
≈ Tropical Freeze
- BACEFC
≈ Ice Cold Stare
- F4BDD0
≈ Pink Destiny
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.57:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.35:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--prairie-land: #e2cc9c;
--prairie-land-rgb: 226 204 156;
--prairie-land-oklch: oklch(0.852 0.068 86.2);
}
.element {
color: var(--prairie-land);
background-color: hsl(41 55% 75%);
border-color: oklch(0.852 0.068 86.2);
}Tailwind CSS v4
@theme {
--color-prairie-land: #e2cc9c;
--color-prairie-land-50: #fdf5e0;
--color-prairie-land-100: #f1e7cf;
--color-prairie-land-200: #e0d3b4;
--color-prairie-land-300: #c6b690;
--color-prairie-land-400: #b09c70;
--color-prairie-land-500: #9a8350;
--color-prairie-land-600: #826f45;
--color-prairie-land-700: #685937;
--color-prairie-land-800: #4d4126;
--color-prairie-land-900: #362c1a;
--color-prairie-land-950: #21190a;
}SCSS
$prairie-land: #e2cc9c;
$prairie-land-rgb: 226, 204, 156;
$prairie-land-light: mix(#fff, $prairie-land, 20%);
$prairie-land-dark: mix(#000, $prairie-land, 20%);
.element {
color: $prairie-land;
box-shadow: 0 0 0 2px rgba($prairie-land, 0.35);
}