Adlandırılmış renk · #ADAFBA
Pantomime
Pantomime, #ADAFBA: rgb(173 175 186), hsl(231 9% 70%), oklch(0.756 0.016 277.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Pantomime color name →
#ADAFBA
oklch(0.756 0.016 277.8)
Renk dönüşümleri
- HEX
- #adafba
- RGB
- rgb(173 175 186)
- HSL
- hsl(231 9% 70%)
- HWB
- hwb(231 68% 27%)
- OKLCH
- oklch(0.756 0.016 277.8)
- OKLab
- oklab(0.756 0.002 -0.016)
- CIE Lab
- lab(71.56 0.87 -5.9)
- LCH
- lch(71.56 5.96 278.4)
- CMYK
- cmyk(7% 6% 0% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B5B7C1
- BDBFC8
- C5C6CE
- CDCED5
- D5D6DC
- DDDEE3
- E6E6EA
- EEEFF1
- F7F7F8
Koyu tonlar
- 9698A1
- 7F8189
- 6A6B72
- 55565C
- 414146
- 2D2E32
- 1B1C1E
- 0B0B0D
- 010102
Gri tonlar
- A8AAB4
- A4A5AE
- 9FA1A8
- 9B9CA2
- 96979D
- 929297
- 8D8E91
- 89898B
- 848586
Renk uyumları
Tamamlayıcı +180°
- ADAFBA
Pantomime
- B2B0A5
≈ Light Sage
Analog -30° +30°
- ADAFBA
Pantomime
- A8B1BA
≈ Cistern
- B2ADB8
≈ Audition
Üçlü +120° +240°
- ADAFBA
Pantomime
- B9ADA9
≈ Taupedo
- A8B3AC
≈ Gaelic Garden
Bölünmüş tamamlayıcı +150° +210°
- ADAFBA
Pantomime
- B7AEA5
≈ Marshy Habitat
- ADB2A7
≈ Pebble Walk
Dörtlü +90° +180° +270°
- ADAFBA
Pantomime
- B9ACAE
≈ Heather Bay
- B2B0A5
≈ Light Sage
- A5B3B1
≈ Flint Smoke
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.18:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.61:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.61:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--pantomime: #adafba;
--pantomime-rgb: 173 175 186;
--pantomime-oklch: oklch(0.756 0.016 277.8);
}
.element {
color: var(--pantomime);
background-color: hsl(231 9% 70%);
border-color: oklch(0.756 0.016 277.8);
}Tailwind CSS v4
@theme {
--color-pantomime: #adafba;
--color-pantomime-50: #f4f5fa;
--color-pantomime-100: #e6e7ed;
--color-pantomime-200: #d3d4db;
--color-pantomime-300: #b5b7c0;
--color-pantomime-400: #9c9ea8;
--color-pantomime-500: #838591;
--color-pantomime-600: #6f717b;
--color-pantomime-700: #595a62;
--color-pantomime-800: #414248;
--color-pantomime-900: #2d2e32;
--color-pantomime-950: #1a1a1e;
}SCSS
$pantomime: #adafba;
$pantomime-rgb: 173, 175, 186;
$pantomime-light: mix(#fff, $pantomime, 20%);
$pantomime-dark: mix(#000, $pantomime, 20%);
.element {
color: $pantomime;
box-shadow: 0 0 0 2px rgba($pantomime, 0.35);
}