En yakın adlandırılmış renk · #D2B689
#D2B689
En yakın adlandırılmış renk: Link to the Past
#D2B689 (rgb(210 182 137), hsl(37 45% 68%), oklch(0.79 0.068 79.3)) 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.
#D2B689
oklch(0.79 0.068 79.3)
Renk dönüşümleri
- HEX
- #d2b689
- RGB
- rgb(210 182 137)
- HSL
- hsl(37 45% 68%)
- HWB
- hwb(37 54% 18%)
- OKLCH
- oklch(0.79 0.068 79.3)
- OKLab
- oklab(0.79 0.013 0.067)
- CIE Lab
- lab(75.69 5.65 26.87)
- LCH
- lch(75.69 27.46 78.1)
- CMYK
- cmyk(0% 13% 35% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D7BD95
- DBC4A1
- E0CCAC
- E4D3B8
- E9DAC4
- EDE2D0
- F2E9DB
- F6F0E7
- FBF8F3
Koyu tonlar
- B69E76
- 9B8664
- 816F53
- 685942
- 504431
- 393022
- 241D14
- 100C07
- 020201
Gri tonlar
- CAB188
- C1AB88
- B9A687
- B1A086
- A89B86
- A09585
- 989084
- 908B82
- 888581
Renk uyumları
Tamamlayıcı +180°
- D2B689
Link to the Past
- A1BCE7
≈ Teclis Blue
Analog -30° +30°
- D2B689
Link to the Past
- DFAE94
≈ Arizona Dust
- BDBF8C
≈ Jitterbug
Üçlü +120° +240°
- D2B689
Link to the Past
- 85C8CB
≈ Embellished Blue
- CEADD6
≈ Cherish the Moment
Bölünmüş tamamlayıcı +150° +210°
- D2B689
Link to the Past
- 8DC3DE
≈ Club Cruise
- B9B4E4
≈ Beloved
Dörtlü +90° +180° +270°
- D2B689
Link to the Past
- 8FC9B3
≈ Vile Green
- A1BCE7
≈ Teclis Blue
- DDA9C1
≈ Pink Beauty
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.94:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.79:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.79:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--link-to-the-past: #d2b689;
--link-to-the-past-rgb: 210 182 137;
--link-to-the-past-oklch: oklch(0.79 0.068 79.3);
}
.element {
color: var(--link-to-the-past);
background-color: hsl(37 45% 68%);
border-color: oklch(0.79 0.068 79.3);
}Tailwind CSS v4
@theme {
--color-link-to-the-past: #d2b689;
--color-link-to-the-past-50: #fff4e0;
--color-link-to-the-past-100: #f4e6cf;
--color-link-to-the-past-200: #e3d2b4;
--color-link-to-the-past-300: #c9b490;
--color-link-to-the-past-400: #b49a71;
--color-link-to-the-past-500: #9e8151;
--color-link-to-the-past-600: #866d45;
--color-link-to-the-past-700: #6b5737;
--color-link-to-the-past-800: #503f27;
--color-link-to-the-past-900: #372c1a;
--color-link-to-the-past-950: #22190a;
}SCSS
$link-to-the-past: #d2b689;
$link-to-the-past-rgb: 210, 182, 137;
$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);
}