Adlandırılmış renk · #8E7D89
Iced Orchid
Iced Orchid, #8E7D89: rgb(142 125 137), hsl(318 7% 52%), oklch(0.609 0.027 336.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Iced Orchid color name →
#8E7D89
oklch(0.609 0.027 336.4)
Renk dönüşümleri
- HEX
- #8e7d89
- RGB
- rgb(142 125 137)
- HSL
- hsl(318 7% 52%)
- HWB
- hwb(318 49% 44%)
- OKLCH
- oklch(0.609 0.027 336.4)
- OKLab
- oklab(0.609 0.025 -0.011)
- CIE Lab
- lab(54.28 8.39 -4.01)
- LCH
- lch(54.28 9.3 334.4)
- CMYK
- cmyk(0% 12% 4% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 998994
- A496A0
- AFA2AB
- BAAFB7
- C5BCC2
- D1C9CE
- DCD6DA
- E8E4E6
- F3F1F3
Koyu tonlar
- 7B6C76
- 685B64
- 564B53
- 443B42
- 342C31
- 241E22
- 151114
- 070507
- 010101
Gri tonlar
- 8D7D88
- 8B7E87
- 8A7E86
- 897E85
- 877F85
- 867F84
- 847F83
- 837F82
- 818081
Renk uyumları
Tamamlayıcı +180°
- 8E7D89
Iced Orchid
- 76887C
≈ Brassica
Analog -30° +30°
- 8E7D89
Iced Orchid
- 877F90
≈ Purpletone
- 927C80
≈ Purple Dove
Üçlü +120° +240°
- 8E7D89
Iced Orchid
- 878371
≈ Hanover Pewter
- 71878D
≈ Winter in Paris
Bölünmüş tamamlayıcı +150° +210°
- 8E7D89
Iced Orchid
- 7F8675
≈ Leafy Lichen
- 718885
≈ Deep Thoughts
Dörtlü +90° +180° +270°
- 8E7D89
Iced Orchid
- 8E8072
≈ Mocha Accent
- 76887C
≈ Brassica
- 768593
≈ Eastern Bluebird
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.85:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.44:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--iced-orchid: #8e7d89;
--iced-orchid-rgb: 142 125 137;
--iced-orchid-oklch: oklch(0.609 0.027 336.4);
}
.element {
color: var(--iced-orchid);
background-color: hsl(318 7% 52%);
border-color: oklch(0.609 0.027 336.4);
}Tailwind CSS v4
@theme {
--color-iced-orchid: #8e7d89;
--color-iced-orchid-50: #fbf2f8;
--color-iced-orchid-100: #eee5eb;
--color-iced-orchid-200: #ddd0d8;
--color-iced-orchid-300: #c1b2bc;
--color-iced-orchid-400: #a999a4;
--color-iced-orchid-500: #92808d;
--color-iced-orchid-600: #7c6c77;
--color-iced-orchid-700: #63565f;
--color-iced-orchid-800: #493f46;
--color-iced-orchid-900: #322b31;
--color-iced-orchid-950: #1e191d;
}SCSS
$iced-orchid: #8e7d89;
$iced-orchid-rgb: 142, 125, 137;
$iced-orchid-light: mix(#fff, $iced-orchid, 20%);
$iced-orchid-dark: mix(#000, $iced-orchid, 20%);
.element {
color: $iced-orchid;
box-shadow: 0 0 0 2px rgba($iced-orchid, 0.35);
}