Adlandırılmış renk · #CEB9C4
Rose Marble
Rose Marble, #CEB9C4: rgb(206 185 196), hsl(329 18% 77%), oklch(0.807 0.028 344.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Rose Marble color name →
#CEB9C4
oklch(0.807 0.028 344.8)
Renk dönüşümleri
- HEX
- #ceb9c4
- RGB
- rgb(206 185 196)
- HSL
- hsl(329 18% 77%)
- HWB
- hwb(329 73% 19%)
- OKLCH
- oklch(0.807 0.028 344.8)
- OKLab
- oklab(0.807 0.027 -0.007)
- CIE Lab
- lab(77.2 9.14 -2.71)
- LCH
- lch(77.2 9.53 343.5)
- CMYK
- cmyk(0% 10% 5% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3C0CA
- D8C7D0
- DDCED5
- E2D5DB
- E6DCE1
- EBE3E7
- F0EAED
- F5F1F3
- FAF8F9
Koyu tonlar
- B3A0AA
- 988991
- 7F7178
- 665B61
- 4E464A
- 383135
- 231E21
- 0F0D0E
- 020202
Gri tonlar
- C6B3BD
- BEADB6
- B6A8AF
- AEA2A8
- A69CA1
- 9F969B
- 979194
- 8F8B8D
- 888687
Renk uyumları
Tamamlayıcı +180°
- CEB9C4
Rose Marble
- B0C6BB
≈ Sparkling Lake
Analog -30° +30°
- CEB9C4
Rose Marble
- C7BBCD
≈ Last of the Lilacs
- D1B9BA
≈ Mediterranean Sunset
Üçlü +120° +240°
- CEB9C4
Rose Marble
- C2C1AD
≈ Serene Thought
- ADC4CE
≈ Heron Wing
Bölünmüş tamamlayıcı +150° +210°
- CEB9C4
Rose Marble
- B8C4B2
≈ Belize Green
- ACC6C5
≈ Jungle Mist
Dörtlü +90° +180° +270°
- CEB9C4
Rose Marble
- CBBEAC
≈ Birchwood
- B0C6BB
≈ Sparkling Lake
- B4C1D2
≈ Snow Flurries
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.84:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.36:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.36:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--rose-marble: #ceb9c4;
--rose-marble-rgb: 206 185 196;
--rose-marble-oklch: oklch(0.807 0.028 344.8);
}
.element {
color: var(--rose-marble);
background-color: hsl(329 18% 77%);
border-color: oklch(0.807 0.028 344.8);
}Tailwind CSS v4
@theme {
--color-rose-marble: #ceb9c4;
--color-rose-marble-50: #fcf2f7;
--color-rose-marble-100: #efe4ea;
--color-rose-marble-200: #ded0d6;
--color-rose-marble-300: #c3b2ba;
--color-rose-marble-400: #ab98a2;
--color-rose-marble-500: #957f8a;
--color-rose-marble-600: #7e6c75;
--color-rose-marble-700: #65565e;
--color-rose-marble-800: #4a3f45;
--color-rose-marble-900: #332b30;
--color-rose-marble-950: #1f181c;
}SCSS
$rose-marble: #ceb9c4;
$rose-marble-rgb: 206, 185, 196;
$rose-marble-light: mix(#fff, $rose-marble, 20%);
$rose-marble-dark: mix(#000, $rose-marble, 20%);
.element {
color: $rose-marble;
box-shadow: 0 0 0 2px rgba($rose-marble, 0.35);
}