Adlandırılmış renk · #E8AEA2
Rose Linen
Rose Linen, #E8AEA2: rgb(232 174 162), hsl(10 60% 77%), oklch(0.801 0.071 31.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Rose Linen color name →
#E8AEA2
oklch(0.801 0.071 31.9)
Renk dönüşümleri
- HEX
- #e8aea2
- RGB
- rgb(232 174 162)
- HSL
- hsl(10 60% 77%)
- HWB
- hwb(10 64% 9%)
- OKLCH
- oklch(0.801 0.071 31.9)
- OKLab
- oklab(0.801 0.06 0.037)
- CIE Lab
- lab(76.37 20.65 14.89)
- LCH
- lch(76.37 25.46 35.8)
- CMYK
- cmyk(0% 25% 30% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EBB6AB
- EDBEB4
- F0C6BD
- F2CEC7
- F5D6D0
- F7DED9
- F9E7E3
- FBEFEC
- FDF7F5
Koyu tonlar
- CA978C
- AC8077
- 906A63
- 74554F
- 59413C
- 402E2A
- 291C19
- 130B0A
- 030101
Gri tonlar
- DDA99F
- D3A59B
- C8A098
- BE9C94
- B49791
- A9928E
- 9F8E8A
- 958987
- 8A8583
Renk uyumları
Tamamlayıcı +180°
- E8AEA2
Rose Linen
- 87CBD9
≈ Spray
Analog -30° +30°
- E8AEA2
Rose Linen
- E6ACBB
≈ Sekichiku Pink
- E0B590
≈ Sonora Apricot
Üçlü +120° +240°
- E8AEA2
Rose Linen
- 9DCCA8
≈ Potted Plant
- AEBCED
≈ Perano
Bölünmüş tamamlayıcı +150° +210°
- E8AEA2
Rose Linen
- 8ACEC1
≈ Deco-Rate
- 96C4E8
≈ Pale Cerulean
Dörtlü +90° +180° +270°
- E8AEA2
Rose Linen
- B6C693
≈ Wasabi Peanut
- 87CBD9
≈ Spray
- C6B4E5
≈ Purple Sand
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.90:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.00:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 11.00:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--rose-linen: #e8aea2;
--rose-linen-rgb: 232 174 162;
--rose-linen-oklch: oklch(0.801 0.071 31.9);
}
.element {
color: var(--rose-linen);
background-color: hsl(10 60% 77%);
border-color: oklch(0.801 0.071 31.9);
}Tailwind CSS v4
@theme {
--color-rose-linen: #e8aea2;
--color-rose-linen-50: #ffeee8;
--color-rose-linen-100: #ffe0d9;
--color-rose-linen-200: #f1cac1;
--color-rose-linen-300: #d9aba0;
--color-rose-linen-400: #c58f84;
--color-rose-linen-500: #b07569;
--color-rose-linen-600: #956359;
--color-rose-linen-700: #774f47;
--color-rose-linen-800: #583934;
--color-rose-linen-900: #3e2723;
--color-rose-linen-950: #271512;
}SCSS
$rose-linen: #e8aea2;
$rose-linen-rgb: 232, 174, 162;
$rose-linen-light: mix(#fff, $rose-linen, 20%);
$rose-linen-dark: mix(#000, $rose-linen, 20%);
.element {
color: $rose-linen;
box-shadow: 0 0 0 2px rgba($rose-linen, 0.35);
}