Adlandırılmış renk · #CA7988
Violet Orchid
Violet Orchid, #CA7988: rgb(202 121 136), hsl(349 43% 63%), oklch(0.667 0.102 8.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Violet Orchid color name →
#CA7988
oklch(0.667 0.102 8.3)
Renk dönüşümleri
- HEX
- #ca7988
- RGB
- rgb(202 121 136)
- HSL
- hsl(349 43% 63%)
- HWB
- hwb(349 47% 21%)
- OKLCH
- oklch(0.667 0.102 8.3)
- OKLab
- oklab(0.667 0.101 0.015)
- CIE Lab
- lab(60.19 33.73 6.13)
- LCH
- lch(60.19 34.28 10.3)
- CMYK
- cmyk(0% 40% 33% 21%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D08693
- D6939F
- DCA1AA
- E2AEB6
- E7BBC2
- ECC9CE
- F1D6DA
- F6E4E6
- FBF1F3
Koyu tonlar
- AF6875
- 955863
- 7C4852
- 643941
- 4D2B31
- 371D22
- 221013
- 0F0506
- 020101
Gri tonlar
- C37A87
- BC7B86
- B57C86
- AE7D85
- A67E84
- 9F7E83
- 987F82
- 907F82
- 888081
Renk uyumları
Tamamlayıcı +180°
- CA7988
Violet Orchid
- 33A8A0
≈ Tropical Hideaway
Analog -30° +30°
- CA7988
Violet Orchid
- BD7BAA
≈ Hollyhock Blossom Pink
- CA7E65
≈ Clove Bud
Üçlü +120° +240°
- CA7988
Violet Orchid
- 82A05A
≈ Springview Green
- 5F99D0
≈ Winter Lake
Bölünmüş tamamlayıcı +150° +210°
- CA7988
Violet Orchid
- 58A77C
≈ Shiny Shamrock
- 39A3BE
≈ Gulf Waters
Dörtlü +90° +180° +270°
- CA7988
Violet Orchid
- A59545
≈ 18th Century Green
- 33A8A0
≈ Tropical Hideaway
- 868ED3
≈ Bailey Bells
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.18:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.60:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.60:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
CSS
:root {
--violet-orchid: #ca7988;
--violet-orchid-rgb: 202 121 136;
--violet-orchid-oklch: oklch(0.667 0.102 8.3);
}
.element {
color: var(--violet-orchid);
background-color: hsl(349 43% 63%);
border-color: oklch(0.667 0.102 8.3);
}Tailwind CSS v4
@theme {
--color-violet-orchid: #ca7988;
--color-violet-orchid-50: #ffeaee;
--color-violet-orchid-100: #ffdbe0;
--color-violet-orchid-200: #fcc3ca;
--color-violet-orchid-300: #e6a2ab;
--color-violet-orchid-400: #d38593;
--color-violet-orchid-500: #bf6779;
--color-violet-orchid-600: #a15866;
--color-violet-orchid-700: #814652;
--color-violet-orchid-800: #60323d;
--color-violet-orchid-900: #43222a;
--color-violet-orchid-950: #2b1117;
}SCSS
$violet-orchid: #ca7988;
$violet-orchid-rgb: 202, 121, 136;
$violet-orchid-light: mix(#fff, $violet-orchid, 20%);
$violet-orchid-dark: mix(#000, $violet-orchid, 20%);
.element {
color: $violet-orchid;
box-shadow: 0 0 0 2px rgba($violet-orchid, 0.35);
}