Adlandırılmış renk · #DBA496
Conch Pink
Conch Pink, #DBA496: rgb(219 164 150), hsl(12 49% 72%), oklch(0.766 0.069 34.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Conch Pink color name →
#DBA496
oklch(0.766 0.069 34.7)
Renk dönüşümleri
- HEX
- #dba496
- RGB
- rgb(219 164 150)
- HSL
- hsl(12 49% 72%)
- HWB
- hwb(12 59% 14%)
- OKLCH
- oklch(0.766 0.069 34.7)
- OKLab
- oklab(0.766 0.056 0.039)
- CIE Lab
- lab(72.38 19.55 15.64)
- LCH
- lch(72.38 25.03 38.7)
- CMYK
- cmyk(0% 25% 32% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFADA0
- E3B6AA
- E7BFB5
- EBC8BF
- EED1CA
- F2DAD4
- F5E3DF
- F9EDE9
- FCF6F4
Koyu tonlar
- BE8E82
- A2796E
- 87645B
- 6D5049
- 543D37
- 3C2B26
- 261A16
- 110A08
- 020101
Gri tonlar
- D2A094
- C99D92
- C09990
- B6968D
- AD928B
- A48F89
- 9B8B87
- 928785
- 898482
Renk uyumları
Tamamlayıcı +180°
- DBA496
Conch Pink
- 7FBFCE
≈ Aftercare
Analog -30° +30°
- DBA496
Conch Pink
- DAA1AD
≈ Nana’s Rose
- D2AB85
≈ Cheddar Biscuit
Üçlü +120° +240°
- DBA496
Conch Pink
- 91C1A0
≈ Delltone
- A6B0DF
≈ Myrtle Flower
Bölünmüş tamamlayıcı +150° +210°
- DBA496
Conch Pink
- 80C2B8
≈ Holiday
- 8EB8DC
≈ Goluboy Blue
Dörtlü +90° +180° +270°
- DBA496
Conch Pink
- A9BB8B
≈ Grant Wood Ivy
- 7FBFCE
≈ Aftercare
- BDA9D7
≈ Perfume
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.15:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.76:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--conch-pink: #dba496;
--conch-pink-rgb: 219 164 150;
--conch-pink-oklch: oklch(0.766 0.069 34.7);
}
.element {
color: var(--conch-pink);
background-color: hsl(12 49% 72%);
border-color: oklch(0.766 0.069 34.7);
}Tailwind CSS v4
@theme {
--color-conch-pink: #dba496;
--color-conch-pink-50: #ffefe8;
--color-conch-pink-100: #fee1d8;
--color-conch-pink-200: #f0cbc0;
--color-conch-pink-300: #d8ac9f;
--color-conch-pink-400: #c39083;
--color-conch-pink-500: #af7667;
--color-conch-pink-600: #946458;
--color-conch-pink-700: #765046;
--color-conch-pink-800: #583a33;
--color-conch-pink-900: #3d2723;
--color-conch-pink-950: #271512;
}SCSS
$conch-pink: #dba496;
$conch-pink-rgb: 219, 164, 150;
$conch-pink-light: mix(#fff, $conch-pink, 20%);
$conch-pink-dark: mix(#000, $conch-pink, 20%);
.element {
color: $conch-pink;
box-shadow: 0 0 0 2px rgba($conch-pink, 0.35);
}