Adlandırılmış renk · #CC9DA4
Edwardian Rose
Edwardian Rose, #CC9DA4: rgb(204 157 164), hsl(351 32% 71%), oklch(0.742 0.057 8.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Edwardian Rose color name →
#CC9DA4
oklch(0.742 0.057 8.6)
Renk dönüşümleri
- HEX
- #cc9da4
- RGB
- rgb(204 157 164)
- HSL
- hsl(351 32% 71%)
- HWB
- hwb(351 62% 20%)
- OKLCH
- oklch(0.742 0.057 8.6)
- OKLab
- oklab(0.742 0.056 0.008)
- CIE Lab
- lab(69.37 18.8 3.45)
- LCH
- lch(69.37 19.11 10.4)
- CMYK
- cmyk(0% 23% 20% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D1A7AD
- D7B0B6
- DCBABF
- E1C3C8
- E6CDD1
- EBD7DA
- F0E1E3
- F5EBEC
- FAF5F6
Koyu tonlar
- B1888E
- 977379
- 7E5F64
- 654C50
- 4E3A3D
- 37282B
- 22181A
- 0F090A
- 020101
Gri tonlar
- C49AA0
- BD979D
- B59499
- AE9295
- A68F92
- 9E8C8E
- 97898B
- 8F8687
- 888384
Renk uyumları
Tamamlayıcı +180°
- CC9DA4
Edwardian Rose
- 82B7B2
≈ Vintage Blue
Analog -30° +30°
- CC9DA4
Edwardian Rose
- C49EB8
≈ Idyllic Pink
- CCA091
≈ Shiny Kettle
Üçlü +120° +240°
- CC9DA4
Edwardian Rose
- A1B38D
≈ Soap Green
- 90AFCE
≈ Matte Blue
Bölünmüş tamamlayıcı +150° +210°
- CC9DA4
Edwardian Rose
- 8DB79E
≈ Summer Green
- 83B4C4
≈ Crystal Lake
Dörtlü +90° +180° +270°
- CC9DA4
Edwardian Rose
- B4AC83
≈ Tarragon Tease
- 82B7B2
≈ Vintage Blue
- A3A8CF
≈ Blossom Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.35:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.92:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.92:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--edwardian-rose: #cc9da4;
--edwardian-rose-rgb: 204 157 164;
--edwardian-rose-oklch: oklch(0.742 0.057 8.6);
}
.element {
color: var(--edwardian-rose);
background-color: hsl(351 32% 71%);
border-color: oklch(0.742 0.057 8.6);
}Tailwind CSS v4
@theme {
--color-edwardian-rose: #cc9da4;
--color-edwardian-rose-50: #ffeff1;
--color-edwardian-rose-100: #fae1e3;
--color-edwardian-rose-200: #ebcbce;
--color-edwardian-rose-300: #d3acb0;
--color-edwardian-rose-400: #bd9198;
--color-edwardian-rose-500: #a8777e;
--color-edwardian-rose-600: #8e656b;
--color-edwardian-rose-700: #725056;
--color-edwardian-rose-800: #543a3f;
--color-edwardian-rose-900: #3a282b;
--color-edwardian-rose-950: #241619;
}SCSS
$edwardian-rose: #cc9da4;
$edwardian-rose-rgb: 204, 157, 164;
$edwardian-rose-light: mix(#fff, $edwardian-rose, 20%);
$edwardian-rose-dark: mix(#000, $edwardian-rose, 20%);
.element {
color: $edwardian-rose;
box-shadow: 0 0 0 2px rgba($edwardian-rose, 0.35);
}