Adlandırılmış renk · #C0C2D2
Lavender Honour
Lavender Honour, #C0C2D2: rgb(192 194 210), hsl(233 17% 79%), oklch(0.817 0.022 280.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Lavender Honour color name →
#C0C2D2
oklch(0.817 0.022 280.2)
Renk dönüşümleri
- HEX
- #c0c2d2
- RGB
- rgb(192 194 210)
- HSL
- hsl(233 17% 79%)
- HWB
- hwb(233 75% 18%)
- OKLCH
- oklch(0.817 0.022 280.2)
- OKLab
- oklab(0.817 0.004 -0.022)
- CIE Lab
- lab(78.64 1.59 -8.29)
- LCH
- lch(78.64 8.44 280.9)
- CMYK
- cmyk(9% 8% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C6C8D6
- CCCEDB
- D3D4DF
- D9DAE4
- DFE0E8
- E5E6ED
- ECECF1
- F2F3F6
- F9F9FA
Koyu tonlar
- A7A8B6
- 8E8F9B
- 767781
- 5F6068
- 494950
- 343439
- 202024
- 0E0E10
- 020202
Gri tonlar
- B9BBC9
- B3B4C1
- ACAEB9
- A6A7B0
- 9FA0A8
- 999AA0
- 939398
- 8C8D90
- 868688
Renk uyumları
Tamamlayıcı +180°
- C0C2D2
Lavender Honour
- C6C4B4
≈ Swiss Livery
Analog -30° +30°
- C0C2D2
Lavender Honour
- B9C5D2
≈ Plein Air
- C8C0CE
≈ Clary Sage
Üçlü +120° +240°
- C0C2D2
Lavender Honour
- D1BFB9
≈ Musk Dusk
- B8C8BE
≈ Resting Place
Bölünmüş tamamlayıcı +150° +210°
- C0C2D2
Lavender Honour
- CDC1B4
≈ Whippet
- BEC6B7
≈ Balsam
Dörtlü +90° +180° +270°
- C0C2D2
Lavender Honour
- D1BEC0
≈ Embroidery
- C6C4B4
≈ Swiss Livery
- B4C8C6
≈ Misty Surf
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.76:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.88:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--lavender-honour: #c0c2d2;
--lavender-honour-rgb: 192 194 210;
--lavender-honour-oklch: oklch(0.817 0.022 280.2);
}
.element {
color: var(--lavender-honour);
background-color: hsl(233 17% 79%);
border-color: oklch(0.817 0.022 280.2);
}Tailwind CSS v4
@theme {
--color-lavender-honour: #c0c2d2;
--color-lavender-honour-50: #f4f4fc;
--color-lavender-honour-100: #e6e7ef;
--color-lavender-honour-200: #d2d3de;
--color-lavender-honour-300: #b5b6c3;
--color-lavender-honour-400: #9b9dac;
--color-lavender-honour-500: #838595;
--color-lavender-honour-600: #6f707e;
--color-lavender-honour-700: #595a65;
--color-lavender-honour-800: #40424a;
--color-lavender-honour-900: #2c2d34;
--color-lavender-honour-950: #191a1f;
}SCSS
$lavender-honour: #c0c2d2;
$lavender-honour-rgb: 192, 194, 210;
$lavender-honour-light: mix(#fff, $lavender-honour, 20%);
$lavender-honour-dark: mix(#000, $lavender-honour, 20%);
.element {
color: $lavender-honour;
box-shadow: 0 0 0 2px rgba($lavender-honour, 0.35);
}