Adlandırılmış renk · #C8C5D7
Amourette
Amourette, #C8C5D7: rgb(200 197 215), hsl(250 18% 81%), oklch(0.831 0.025 293.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Amourette color name →
#C8C5D7
oklch(0.831 0.025 293.5)
Renk dönüşümleri
- HEX
- #c8c5d7
- RGB
- rgb(200 197 215)
- HSL
- hsl(250 18% 81%)
- HWB
- hwb(250 77% 16%)
- OKLCH
- oklch(0.831 0.025 293.5)
- OKLab
- oklab(0.831 0.01 -0.023)
- CIE Lab
- lab(80.18 3.62 -8.62)
- LCH
- lch(80.18 9.35 292.8)
- CMYK
- cmyk(7% 8% 0% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CDCBDB
- D3D0DF
- D8D6E3
- DEDCE7
- E3E2EB
- E9E8EF
- EEEDF3
- F4F3F7
- F9F9FB
Koyu tonlar
- AEABBB
- 94929F
- 7B7985
- 63616B
- 4C4B52
- 36353B
- 212125
- 0F0E11
- 020202
Gri tonlar
- C1BECE
- B9B7C5
- B2B0BC
- AAA9B3
- A3A2AB
- 9C9BA2
- 959499
- 8E8D91
- 878788
Renk uyumları
Tamamlayıcı +180°
- C8C5D7
Amourette
- C7CAB8
≈ Celadon Tint
Analog -30° +30°
- C8C5D7
Amourette
- BFC8D9
≈ Dancing Mist
- D0C3D1
≈ Orchid Hush
Üçlü +120° +240°
- C8C5D7
Amourette
- D6C4B9
≈ New Wool
- B8CDC6
≈ Sea Sprite
Bölünmüş tamamlayıcı +150° +210°
- C8C5D7
Amourette
- D0C7B6
≈ Oak Tone
- BFCCBE
≈ Paris White
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.69:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.42:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.42:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--amourette: #c8c5d7;
--amourette-rgb: 200 197 215;
--amourette-oklch: oklch(0.831 0.025 293.5);
}
.element {
color: var(--amourette);
background-color: hsl(250 18% 81%);
border-color: oklch(0.831 0.025 293.5);
}Tailwind CSS v4
@theme {
--color-amourette: #c8c5d7;
--color-amourette-50: #f5f4fc;
--color-amourette-100: #e8e6f0;
--color-amourette-200: #d5d2de;
--color-amourette-300: #b8b5c3;
--color-amourette-400: #9f9cac;
--color-amourette-500: #868396;
--color-amourette-600: #726f7f;
--color-amourette-700: #5b5965;
--color-amourette-800: #42414b;
--color-amourette-900: #2e2d34;
--color-amourette-950: #1a1a1f;
}SCSS
$amourette: #c8c5d7;
$amourette-rgb: 200, 197, 215;
$amourette-light: mix(#fff, $amourette, 20%);
$amourette-dark: mix(#000, $amourette, 20%);
.element {
color: $amourette;
box-shadow: 0 0 0 2px rgba($amourette, 0.35);
}