Adlandırılmış renk · #A59888
Time Capsule
Time Capsule, #A59888: rgb(165 152 136), hsl(33 14% 59%), oklch(0.686 0.028 73.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Time Capsule color name →
#A59888
oklch(0.686 0.028 73.1)
Renk dönüşümleri
- HEX
- #a59888
- RGB
- rgb(165 152 136)
- HSL
- hsl(33 14% 59%)
- HWB
- hwb(33 53% 35%)
- OKLCH
- oklch(0.686 0.028 73.1)
- OKLab
- oklab(0.686 0.008 0.026)
- CIE Lab
- lab(63.65 2.93 10.27)
- LCH
- lch(63.65 10.68 74.1)
- CMYK
- cmyk(0% 8% 18% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AEA293
- B6AC9F
- BFB6AA
- C8C0B6
- D1CAC2
- DAD5CE
- E3DFDA
- ECEAE6
- F6F4F3
Koyu tonlar
- 8F8475
- 797063
- 655C52
- 514A41
- 3D3831
- 2B2722
- 1A1713
- 0A0806
- 010101
Gri tonlar
- A19687
- 9E9386
- 9A9186
- 968E85
- 928C84
- 8F8A83
- 8B8783
- 878582
- 848281
Renk uyumları
Tamamlayıcı +180°
- A59888
Time Capsule
- 8F9CAB
≈ Atom Blue
Analog -30° +30°
- A59888
Time Capsule
- AA958D
≈ Cortex
- 9D9B88
≈ Milk Thistle
Üçlü +120° +240°
- A59888
Time Capsule
- 87A09F
≈ Aqua Smoke
- A096A7
≈ Fortune
Bölünmüş tamamlayıcı +150° +210°
- A59888
Time Capsule
- 899EA7
≈ Aqua Grey
- 9798AB
≈ Machinery
Dörtlü +90° +180° +270°
- A59888
Time Capsule
- 8CA095
≈ Marble Green
- 8F9CAB
≈ Atom Blue
- A7949F
≈ Metamorphosis
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.82:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.44:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.44:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--time-capsule: #a59888;
--time-capsule-rgb: 165 152 136;
--time-capsule-oklch: oklch(0.686 0.028 73.1);
}
.element {
color: var(--time-capsule);
background-color: hsl(33 14% 59%);
border-color: oklch(0.686 0.028 73.1);
}Tailwind CSS v4
@theme {
--color-time-capsule: #a59888;
--color-time-capsule-50: #faf4ed;
--color-time-capsule-100: #ede7de;
--color-time-capsule-200: #dbd3c8;
--color-time-capsule-300: #c0b6a8;
--color-time-capsule-400: #a99c8d;
--color-time-capsule-500: #928472;
--color-time-capsule-600: #7b6f61;
--color-time-capsule-700: #63594d;
--color-time-capsule-800: #494138;
--color-time-capsule-900: #322d26;
--color-time-capsule-950: #1e1a15;
}SCSS
$time-capsule: #a59888;
$time-capsule-rgb: 165, 152, 136;
$time-capsule-light: mix(#fff, $time-capsule, 20%);
$time-capsule-dark: mix(#000, $time-capsule, 20%);
.element {
color: $time-capsule;
box-shadow: 0 0 0 2px rgba($time-capsule, 0.35);
}