Adlandırılmış renk · #C0B2B1
Jack Rabbit
Jack Rabbit, #C0B2B1: rgb(192 178 177), hsl(4 11% 72%), oklch(0.775 0.016 22.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? → · Jack Rabbit color name →
#C0B2B1
oklch(0.775 0.016 22.5)
Renk dönüşümleri
- HEX
- #c0b2b1
- RGB
- rgb(192 178 177)
- HSL
- hsl(4 11% 72%)
- HWB
- hwb(4 69% 25%)
- OKLCH
- oklch(0.775 0.016 22.5)
- OKLab
- oklab(0.775 0.015 0.006)
- CIE Lab
- lab(73.75 5.04 2.41)
- LCH
- lch(73.75 5.59 25.6)
- CMYK
- cmyk(0% 7% 8% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C6B9B9
- CCC1C0
- D3C9C8
- D9D0D0
- DFD8D7
- E5E0DF
- ECE7E7
- F2EFEF
- F9F7F7
Koyu tonlar
- A79A99
- 8E8383
- 766D6C
- 5F5757
- 494342
- 342F2F
- 201D1C
- 0E0C0C
- 020101
Gri tonlar
- B9ADAC
- B3A8A7
- ACA3A2
- A69E9D
- 9F9998
- 999493
- 938F8E
- 8C8A8A
- 868585
Renk uyumları
Tamamlayıcı +180°
- C0B2B1
Jack Rabbit
- ABB9BA
≈ Lagoon Reflection
Analog -30° +30°
- C0B2B1
Jack Rabbit
- BFB2B7
≈ Chaise Mauve
- BFB3AD
≈ Hipster Hippo
Üçlü +120° +240°
- C0B2B1
Jack Rabbit
- B0B9AF
≈ Morning Dew
- B0B6C0
≈ Cube Farm
Bölünmüş tamamlayıcı +150° +210°
- C0B2B1
Jack Rabbit
- ACB9B5
≈ Cambridge Lily
- ACB8BF
≈ Lakeside
Dörtlü +90° +180° +270°
- C0B2B1
Jack Rabbit
- B6B7AB
≈ Stone Mill
- ABB9BA
≈ Lagoon Reflection
- B6B4C0
≈ Coveted Gem
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.04:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.24:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.24:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--jack-rabbit: #c0b2b1;
--jack-rabbit-rgb: 192 178 177;
--jack-rabbit-oklch: oklch(0.775 0.016 22.5);
}
.element {
color: var(--jack-rabbit);
background-color: hsl(4 11% 72%);
border-color: oklch(0.775 0.016 22.5);
}Tailwind CSS v4
@theme {
--color-jack-rabbit: #c0b2b1;
--color-jack-rabbit-50: #faf3f3;
--color-jack-rabbit-100: #ede6e5;
--color-jack-rabbit-200: #dbd2d1;
--color-jack-rabbit-300: #c0b4b3;
--color-jack-rabbit-400: #a89b9a;
--color-jack-rabbit-500: #918281;
--color-jack-rabbit-600: #7a6e6d;
--color-jack-rabbit-700: #625857;
--color-jack-rabbit-800: #484040;
--color-jack-rabbit-900: #322c2c;
--color-jack-rabbit-950: #1e1919;
}SCSS
$jack-rabbit: #c0b2b1;
$jack-rabbit-rgb: 192, 178, 177;
$jack-rabbit-light: mix(#fff, $jack-rabbit, 20%);
$jack-rabbit-dark: mix(#000, $jack-rabbit, 20%);
.element {
color: $jack-rabbit;
box-shadow: 0 0 0 2px rgba($jack-rabbit, 0.35);
}