Adlandırılmış renk · #D1ACCE
Orchid Bouquet
Orchid Bouquet, #D1ACCE: rgb(209 172 206), hsl(305 29% 75%), oklch(0.788 0.063 328.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Orchid Bouquet color name →
#D1ACCE
oklch(0.788 0.063 328.8)
Renk dönüşümleri
- HEX
- #d1acce
- RGB
- rgb(209 172 206)
- HSL
- hsl(305 29% 75%)
- HWB
- hwb(305 67% 18%)
- OKLCH
- oklch(0.788 0.063 328.8)
- OKLab
- oklab(0.788 0.054 -0.032)
- CIE Lab
- lab(74.51 18.21 -12.02)
- LCH
- lch(74.51 21.82 326.6)
- CMYK
- cmyk(0% 18% 1% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6B4D3
- DABCD8
- DFC5DD
- E4CDE2
- E8D5E6
- EDDDEB
- F1E6F0
- F6EEF5
- FAF7FA
Koyu tonlar
- B595B3
- 9B7F98
- 81697F
- 685466
- 50404E
- 392D38
- 231B23
- 100B0F
- 020102
Gri tonlar
- C9A8C6
- C0A3BE
- B89FB6
- B09AAE
- A896A6
- A0929F
- 988D97
- 90898F
- 888488
Renk uyumları
Tamamlayıcı +180°
- D1ACCE
Orchid Bouquet
- 9FC6A4
≈ French Market
Analog -30° +30°
- D1ACCE
Orchid Bouquet
- BFB2DD
≈ Moonraker
- DCAAB9
≈ Apple Infusion
Üçlü +120° +240°
- D1ACCE
Orchid Bouquet
- CAB88C
≈ Canvas Satchel
- 8AC6CF
≈ Cerulean Skies
Bölünmüş tamamlayıcı +150° +210°
- D1ACCE
Orchid Bouquet
- B5C093
≈ Gloaming Green
- 8EC8BA
≈ Tranquil Teal
Dörtlü +90° +180° +270°
- D1ACCE
Orchid Bouquet
- D9B192
≈ Blonde Lace
- 9FC6A4
≈ French Market
- 95C0DE
≈ Blue Magpie
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.99:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.50:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.50:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--orchid-bouquet: #d1acce;
--orchid-bouquet-rgb: 209 172 206;
--orchid-bouquet-oklch: oklch(0.788 0.063 328.8);
}
.element {
color: var(--orchid-bouquet);
background-color: hsl(305 29% 75%);
border-color: oklch(0.788 0.063 328.8);
}Tailwind CSS v4
@theme {
--color-orchid-bouquet: #d1acce;
--color-orchid-bouquet-50: #ffeffe;
--color-orchid-bouquet-100: #f5e1f2;
--color-orchid-bouquet-200: #e5cbe1;
--color-orchid-bouquet-300: #cbacc6;
--color-orchid-bouquet-400: #b492b1;
--color-orchid-bouquet-500: #9e779b;
--color-orchid-bouquet-600: #856583;
--color-orchid-bouquet-700: #6b5169;
--color-orchid-bouquet-800: #4e3b4e;
--color-orchid-bouquet-900: #362836;
--color-orchid-bouquet-950: #211621;
}SCSS
$orchid-bouquet: #d1acce;
$orchid-bouquet-rgb: 209, 172, 206;
$orchid-bouquet-light: mix(#fff, $orchid-bouquet, 20%);
$orchid-bouquet-dark: mix(#000, $orchid-bouquet, 20%);
.element {
color: $orchid-bouquet;
box-shadow: 0 0 0 2px rgba($orchid-bouquet, 0.35);
}