Adlandırılmış renk · #D9BEAA
Tagsale Linen
Tagsale Linen, #D9BEAA: rgb(217 190 170), hsl(26 38% 76%), oklch(0.819 0.041 58.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Tagsale Linen color name →
#D9BEAA
oklch(0.819 0.041 58.7)
Renk dönüşümleri
- HEX
- #d9beaa
- RGB
- rgb(217 190 170)
- HSL
- hsl(26 38% 76%)
- HWB
- hwb(26 67% 15%)
- OKLCH
- oklch(0.819 0.041 58.7)
- OKLab
- oklab(0.819 0.021 0.035)
- CIE Lab
- lab(78.92 7.62 13.85)
- LCH
- lch(78.92 15.81 61.2)
- CMYK
- cmyk(0% 12% 22% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DDC4B2
- E1CBBB
- E5D1C3
- E8D8CC
- ECDED4
- F0E5DD
- F4EBE5
- F8F2EE
- FBF8F6
Koyu tonlar
- BCA593
- A18C7D
- 867568
- 6C5E53
- 53483F
- 3B332D
- 251F1B
- 110D0B
- 020201
Gri tonlar
- D0B8A6
- C7B1A2
- BEAB9D
- B5A599
- AC9F95
- A39891
- 9A928D
- 918C88
- 898684
Renk uyumları
Tamamlayıcı +180°
- D9BEAA
Tagsale Linen
- ACC8DC
≈ Caspian Tide
Analog -30° +30°
- D9BEAA
Tagsale Linen
- DEBAB5
≈ Rose Hip Tonic
- CFC3A6
≈ Cyrus Grass
Üçlü +120° +240°
- D9BEAA
Tagsale Linen
- A8CDC4
≈ Baby Aqua
- C7BFDC
≈ Purple Dragon
Bölünmüş tamamlayıcı +150° +210°
- D9BEAA
Tagsale Linen
- A6CCD2
≈ Grand Entrance
- B9C3E0
≈ Etherium Blue
Dörtlü +90° +180° +270°
- D9BEAA
Tagsale Linen
- B2CCB5
≈ Healing Aloe
- ACC8DC
≈ Caspian Tide
- D3BBD1
≈ Sunday Gloves
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.76:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.89:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.89:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--tagsale-linen: #d9beaa;
--tagsale-linen-rgb: 217 190 170;
--tagsale-linen-oklch: oklch(0.819 0.041 58.7);
}
.element {
color: var(--tagsale-linen);
background-color: hsl(26 38% 76%);
border-color: oklch(0.819 0.041 58.7);
}Tailwind CSS v4
@theme {
--color-tagsale-linen: #d9beaa;
--color-tagsale-linen-50: #fef3ea;
--color-tagsale-linen-100: #f3e5da;
--color-tagsale-linen-200: #e2d1c3;
--color-tagsale-linen-300: #c8b3a3;
--color-tagsale-linen-400: #b29987;
--color-tagsale-linen-500: #9c806b;
--color-tagsale-linen-600: #836c5b;
--color-tagsale-linen-700: #695749;
--color-tagsale-linen-800: #4e3f35;
--color-tagsale-linen-900: #362b24;
--color-tagsale-linen-950: #211913;
}SCSS
$tagsale-linen: #d9beaa;
$tagsale-linen-rgb: 217, 190, 170;
$tagsale-linen-light: mix(#fff, $tagsale-linen, 20%);
$tagsale-linen-dark: mix(#000, $tagsale-linen, 20%);
.element {
color: $tagsale-linen;
box-shadow: 0 0 0 2px rgba($tagsale-linen, 0.35);
}