En yakın adlandırılmış renk · #636F64
#636F64
En yakın adlandırılmış renk: Camping Trip
#636F64 (rgb(99 111 100), hsl(125 6% 41%), oklch(0.528 0.022 147.6)) en çok Camping Trip adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#636F64
oklch(0.528 0.022 147.6)
Renk dönüşümleri
- HEX
- #636f64
- RGB
- rgb(99 111 100)
- HSL
- hsl(125 6% 41%)
- HWB
- hwb(125 39% 56%)
- OKLCH
- oklch(0.528 0.022 147.6)
- OKLab
- oklab(0.528 -0.019 0.012)
- CIE Lab
- lab(45.56 -6.44 4.53)
- LCH
- lch(45.56 7.88 144.9)
- CMYK
- cmyk(11% 0% 10% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 717C72
- 808A81
- 8F9890
- 9EA69F
- AEB4AE
- BEC3BE
- CED2CE
- DEE1DE
- EEF0EE
Koyu tonlar
- 556056
- 475148
- 3A423B
- 2E342E
- 212722
- 161A16
- 0B0E0B
- 030403
- 000100
Gri tonlar
- 667167
- 69726A
- 6C746C
- 6F766F
- 717772
- 747975
- 777B78
- 7A7D7A
- 7D7E7D
Renk uyumları
Tamamlayıcı +180°
- 636F64
Camping Trip
- 736772
≈ Burnt Ash
Analog -30° +30°
- 636F64
Camping Trip
- 6A6D5F
≈ River God
- 5E706B
≈ Rocky River
Üçlü +120° +240°
- 636F64
Camping Trip
- 656B79
≈ Magic
- 786764
≈ Bold Brandy
Bölünmüş tamamlayıcı +150° +210°
- 636F64
Camping Trip
- 6C6977
≈ Warpfiend Grey
- 77666B
≈ Rhapsody Rap
Dörtlü +90° +180° +270°
- 636F64
Camping Trip
- 606D77
≈ NYPD
- 736772
≈ Burnt Ash
- 76685F
≈ Garret Brown
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.26:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 3.98:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--camping-trip: #636f64;
--camping-trip-rgb: 99 111 100;
--camping-trip-oklch: oklch(0.528 0.022 147.6);
}
.element {
color: var(--camping-trip);
background-color: hsl(125 6% 41%);
border-color: oklch(0.528 0.022 147.6);
}Tailwind CSS v4
@theme {
--color-camping-trip: #636f64;
--color-camping-trip-50: #f1f7f2;
--color-camping-trip-100: #e3eae4;
--color-camping-trip-200: #ced7cf;
--color-camping-trip-300: #b0bbb1;
--color-camping-trip-400: #96a297;
--color-camping-trip-500: #7d8a7e;
--color-camping-trip-600: #6a756b;
--color-camping-trip-700: #545e55;
--color-camping-trip-800: #3e453e;
--color-camping-trip-900: #2a2f2a;
--color-camping-trip-950: #181c18;
}SCSS
$camping-trip: #636f64;
$camping-trip-rgb: 99, 111, 100;
$camping-trip-light: mix(#fff, $camping-trip, 20%);
$camping-trip-dark: mix(#000, $camping-trip, 20%);
.element {
color: $camping-trip;
box-shadow: 0 0 0 2px rgba($camping-trip, 0.35);
}