Adlandırılmış renk · #725671
Cembra Blossom
Cembra Blossom, #725671: rgb(114 86 113), hsl(302 14% 39%), oklch(0.492 0.055 327.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Cembra Blossom color name →
#725671
oklch(0.492 0.055 327.5)
Renk dönüşümleri
- HEX
- #725671
- RGB
- rgb(114 86 113)
- HSL
- hsl(302 14% 39%)
- HWB
- hwb(302 34% 55%)
- OKLCH
- oklch(0.492 0.055 327.5)
- OKLab
- oklab(0.492 0.046 -0.029)
- CIE Lab
- lab(40.27 15.68 -10.8)
- LCH
- lch(40.27 19.04 325.4)
- CMYK
- cmyk(0% 25% 1% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7F667E
- 8D758C
- 9B869A
- A896A8
- B7A7B6
- C5B8C4
- D3C9D2
- E2DBE1
- F0EDF0
Koyu tonlar
- 624A61
- 533E52
- 443243
- 362735
- 281C27
- 1B121A
- 0E080E
- 040204
- 010001
Gri tonlar
- 745A73
- 755E74
- 776376
- 786777
- 796B79
- 7B6F7A
- 7C737C
- 7D787D
- 7F7C7F
Renk uyumları
Tamamlayıcı +180°
- 725671
Cembra Blossom
- 4C6A4F
≈ Sabal Palm
Analog -30° +30°
- 725671
Cembra Blossom
- 645A7C
≈ Purple Valley
- 7B5461
≈ Classic Berry
Üçlü +120° +240°
- 725671
Cembra Blossom
- 6E5F3C
≈ Uniform Brown
- 386A71
≈ Aquarium
Bölünmüş tamamlayıcı +150° +210°
- 725671
Cembra Blossom
- 5E6541
≈ Aloe Leaf
- 3C6B61
≈ Dignified
Dörtlü +90° +180° +270°
- 725671
Cembra Blossom
- 795942
≈ Chocolate Caliente
- 4C6A4F
≈ Sabal Palm
- 42667C
≈ Ocean Storm
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.39:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.28:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.39:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--cembra-blossom: #725671;
--cembra-blossom-rgb: 114 86 113;
--cembra-blossom-oklch: oklch(0.492 0.055 327.5);
}
.element {
color: var(--cembra-blossom);
background-color: hsl(302 14% 39%);
border-color: oklch(0.492 0.055 327.5);
}Tailwind CSS v4
@theme {
--color-cembra-blossom: #725671;
--color-cembra-blossom-50: #fff0fd;
--color-cembra-blossom-100: #f3e2f1;
--color-cembra-blossom-200: #e2cce0;
--color-cembra-blossom-300: #c8aec5;
--color-cembra-blossom-400: #b193af;
--color-cembra-blossom-500: #9a7a99;
--color-cembra-blossom-600: #826781;
--color-cembra-blossom-700: #685268;
--color-cembra-blossom-800: #4c3c4d;
--color-cembra-blossom-900: #352935;
--color-cembra-blossom-950: #201720;
}SCSS
$cembra-blossom: #725671;
$cembra-blossom-rgb: 114, 86, 113;
$cembra-blossom-light: mix(#fff, $cembra-blossom, 20%);
$cembra-blossom-dark: mix(#000, $cembra-blossom, 20%);
.element {
color: $cembra-blossom;
box-shadow: 0 0 0 2px rgba($cembra-blossom, 0.35);
}