Adlandırılmış renk · #E9B7A8
Porcelain Crab
Porcelain Crab, #E9B7A8: rgb(233 183 168), hsl(14 60% 79%), oklch(0.82 0.062 37.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Porcelain Crab color name →
#E9B7A8
oklch(0.82 0.062 37.3)
Renk dönüşümleri
- HEX
- #e9b7a8
- RGB
- rgb(233 183 168)
- HSL
- hsl(14 60% 79%)
- HWB
- hwb(14 66% 9%)
- OKLCH
- oklch(0.82 0.062 37.3)
- OKLab
- oklab(0.82 0.049 0.038)
- CIE Lab
- lab(78.72 17.08 14.94)
- LCH
- lch(78.72 22.69 41.2)
- CMYK
- cmyk(0% 21% 28% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ECBEB1
- EEC5B9
- F0CCC2
- F3D4CA
- F5DBD3
- F7E2DC
- F9E9E4
- FBF0ED
- FDF8F6
Koyu tonlar
- CB9F92
- AD877C
- 907067
- 745A52
- 5A453F
- 41312C
- 291E1A
- 130C0A
- 030201
Gri tonlar
- DEB1A4
- D4ACA0
- C9A69C
- BEA198
- B49B94
- A99690
- 9F908C
- 958B88
- 8A8584
Renk uyumları
Tamamlayıcı +180°
- E9B7A8
Porcelain Crab
- 97CFDF
≈ Washed Blue
Analog -30° +30°
- E9B7A8
Porcelain Crab
- E9B4BD
≈ Frozen Veins
- E0BD9A
≈ Only Natural
Üçlü +120° +240°
- E9B7A8
Porcelain Crab
- A4D1B5
≈ Feather Green
- BAC1ED
≈ Larkspur Bud
Bölünmüş tamamlayıcı +150° +210°
- E9B7A8
Porcelain Crab
- 96D2CB
≈ Summer Soft Blue
- A5C9EB
≈ Island Light
Dörtlü +90° +180° +270°
- E9B7A8
Porcelain Crab
- B9CCA1
≈ New Frond
- 97CFDF
≈ Washed Blue
- CFBAE4
≈ Drifting Dream
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.77:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.80:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.80:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--porcelain-crab: #e9b7a8;
--porcelain-crab-rgb: 233 183 168;
--porcelain-crab-oklch: oklch(0.82 0.062 37.3);
}
.element {
color: var(--porcelain-crab);
background-color: hsl(14 60% 79%);
border-color: oklch(0.82 0.062 37.3);
}Tailwind CSS v4
@theme {
--color-porcelain-crab: #e9b7a8;
--color-porcelain-crab-50: #fff0e8;
--color-porcelain-crab-100: #fbe1d9;
--color-porcelain-crab-200: #edccc1;
--color-porcelain-crab-300: #d4ada0;
--color-porcelain-crab-400: #c09285;
--color-porcelain-crab-500: #ab7869;
--color-porcelain-crab-600: #906659;
--color-porcelain-crab-700: #745147;
--color-porcelain-crab-800: #563b34;
--color-porcelain-crab-900: #3c2823;
--color-porcelain-crab-950: #251612;
}SCSS
$porcelain-crab: #e9b7a8;
$porcelain-crab-rgb: 233, 183, 168;
$porcelain-crab-light: mix(#fff, $porcelain-crab, 20%);
$porcelain-crab-dark: mix(#000, $porcelain-crab, 20%);
.element {
color: $porcelain-crab;
box-shadow: 0 0 0 2px rgba($porcelain-crab, 0.35);
}