Adlandırılmış renk · #E2C4AF
Gypsum Rose
Gypsum Rose, #E2C4AF: rgb(226 196 175), hsl(25 47% 79%), oklch(0.84 0.045 57.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Gypsum Rose color name →
#E2C4AF
oklch(0.84 0.045 57.1)
Renk dönüşümleri
- HEX
- #e2c4af
- RGB
- rgb(226 196 175)
- HSL
- hsl(25 47% 79%)
- HWB
- hwb(25 69% 11%)
- OKLCH
- oklch(0.84 0.045 57.1)
- OKLab
- oklab(0.84 0.024 0.037)
- CIE Lab
- lab(81.34 8.6 14.71)
- LCH
- lch(81.34 17.04 59.7)
- CMYK
- cmyk(0% 13% 23% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5CAB7
- E8D0BF
- EBD6C7
- EEDBCF
- F1E1D7
- F4E7DF
- F7EDE7
- F9F3EF
- FCF9F7
Koyu tonlar
- C4AA98
- A89181
- 8C786B
- 716156
- 574A41
- 3E352E
- 27211C
- 120E0B
- 030201
Gri tonlar
- D8BDAA
- CEB6A6
- C4AFA1
- BAA89C
- B0A197
- A69B93
- 9D948E
- 938D89
- 898785
Renk uyumları
Tamamlayıcı +180°
- E2C4AF
Gypsum Rose
- B0D0E5
≈ Vive le Vent
Analog -30° +30°
- E2C4AF
Gypsum Rose
- E7C0BB
≈ Rosy Glow
- D7C9AA
≈ Sweet Porridge
Üçlü +120° +240°
- E2C4AF
Gypsum Rose
- ADD5CA
≈ Feeling Lucky
- CDC5E5
≈ Italian Fitch
Bölünmüş tamamlayıcı +150° +210°
- E2C4AF
Gypsum Rose
- AAD3D9
≈ Iced Aqua
- BECAE9
≈ Cuddle
Dörtlü +90° +180° +270°
- E2C4AF
Gypsum Rose
- B8D3BA
≈ Surf
- B0D0E5
≈ Vive le Vent
- DBC1DA
≈ Plum Taffy
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.64:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.74:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.74:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--gypsum-rose: #e2c4af;
--gypsum-rose-rgb: 226 196 175;
--gypsum-rose-oklch: oklch(0.84 0.045 57.1);
}
.element {
color: var(--gypsum-rose);
background-color: hsl(25 47% 79%);
border-color: oklch(0.84 0.045 57.1);
}Tailwind CSS v4
@theme {
--color-gypsum-rose: #e2c4af;
--color-gypsum-rose-50: #fff2e9;
--color-gypsum-rose-100: #f4e5da;
--color-gypsum-rose-200: #e3d0c2;
--color-gypsum-rose-300: #c9b2a1;
--color-gypsum-rose-400: #b49885;
--color-gypsum-rose-500: #9e7f6a;
--color-gypsum-rose-600: #856c5a;
--color-gypsum-rose-700: #6b5647;
--color-gypsum-rose-800: #4f3f34;
--color-gypsum-rose-900: #372b23;
--color-gypsum-rose-950: #221812;
}SCSS
$gypsum-rose: #e2c4af;
$gypsum-rose-rgb: 226, 196, 175;
$gypsum-rose-light: mix(#fff, $gypsum-rose, 20%);
$gypsum-rose-dark: mix(#000, $gypsum-rose, 20%);
.element {
color: $gypsum-rose;
box-shadow: 0 0 0 2px rgba($gypsum-rose, 0.35);
}