En yakın adlandırılmış renk · #D3B691
#D3B691
En yakın adlandırılmış renk: Link to the Past
#D3B691 (rgb(211 182 145), hsl(34 43% 70%), oklch(0.792 0.06 73.5)) en çok Link to the Past 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.
#D3B691
oklch(0.792 0.06 73.5)
Renk dönüşümleri
- HEX
- #d3b691
- RGB
- rgb(211 182 145)
- HSL
- hsl(34 43% 70%)
- HWB
- hwb(34 57% 17%)
- OKLCH
- oklch(0.792 0.06 73.5)
- OKLab
- oklab(0.792 0.017 0.057)
- CIE Lab
- lab(75.91 6.78 22.95)
- LCH
- lch(75.91 23.93 73.5)
- CMYK
- cmyk(0% 14% 31% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D7BD9C
- DCC4A7
- E0CCB2
- E5D3BD
- E9DAC8
- EEE2D3
- F2E9DE
- F6F0E9
- FBF8F4
Koyu tonlar
- B79E7D
- 9C866A
- 826F58
- 695946
- 514435
- 3A3025
- 241D15
- 100C07
- 020201
Gri tonlar
- CAB190
- C2AB8E
- BAA68C
- B1A08B
- A99B89
- A19587
- 989086
- 908B84
- 888582
Renk uyumları
Tamamlayıcı +180°
- D3B691
Link to the Past
- A1BEE2
≈ Blair
Analog -30° +30°
- D3B691
Link to the Past
- DDB09D
≈ Angel Breath
- C1BE91
≈ New Foliage
Üçlü +120° +240°
- D3B691
Link to the Past
- 8EC8C6
≈ Embellished Blue
- C9B0D7
≈ Lavender Field Dreamer
Bölünmüş tamamlayıcı +150° +210°
- D3B691
Link to the Past
- 91C4D8
≈ Blue Glint
- B6B7E1
≈ Beloved
Dörtlü +90° +180° +270°
- D3B691
Link to the Past
- 98C8B1
≈ Lobaria Lichen
- A1BEE2
≈ Blair
- D8ACC5
≈ Lofty Delight
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.93:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.86:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.86:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--link-to-the-past: #d3b691;
--link-to-the-past-rgb: 211 182 145;
--link-to-the-past-oklch: oklch(0.792 0.06 73.5);
}
.element {
color: var(--link-to-the-past);
background-color: hsl(34 43% 70%);
border-color: oklch(0.792 0.06 73.5);
}Tailwind CSS v4
@theme {
--color-link-to-the-past: #d3b691;
--color-link-to-the-past-50: #fff3e3;
--color-link-to-the-past-100: #f4e6d2;
--color-link-to-the-past-200: #e4d1b9;
--color-link-to-the-past-300: #cab496;
--color-link-to-the-past-400: #b49a77;
--color-link-to-the-past-500: #9e8059;
--color-link-to-the-past-600: #866d4c;
--color-link-to-the-past-700: #6b573c;
--color-link-to-the-past-800: #503f2b;
--color-link-to-the-past-900: #372b1d;
--color-link-to-the-past-950: #22190d;
}SCSS
$link-to-the-past: #d3b691;
$link-to-the-past-rgb: 211, 182, 145;
$link-to-the-past-light: mix(#fff, $link-to-the-past, 20%);
$link-to-the-past-dark: mix(#000, $link-to-the-past, 20%);
.element {
color: $link-to-the-past;
box-shadow: 0 0 0 2px rgba($link-to-the-past, 0.35);
}