Adlandırılmış renk · #D1B272
Indonesian Rattan
Indonesian Rattan, #D1B272: rgb(209 178 114), hsl(40 51% 63%), oklch(0.776 0.09 84.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Indonesian Rattan color name →
#D1B272
oklch(0.776 0.09 84.6)
Renk dönüşümleri
- HEX
- #d1b272
- RGB
- rgb(209 178 114)
- HSL
- hsl(40 51% 63%)
- HWB
- hwb(40 45% 18%)
- OKLCH
- oklch(0.776 0.09 84.6)
- OKLab
- oklab(0.776 0.008 0.089)
- CIE Lab
- lab(74.27 5.4 36.99)
- LCH
- lch(74.27 37.38 81.7)
- CMYK
- cmyk(0% 15% 45% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6BA81
- DAC18F
- DFC99D
- E3D1AB
- E8D8B9
- EDE0C7
- F1E8D5
- F6F0E3
- FAF7F1
Koyu tonlar
- B59A62
- 9B8353
- 816D44
- 685736
- 504328
- 392F1B
- 231D0E
- 100C04
- 020101
Gri tonlar
- C9AD74
- C0A876
- B8A378
- B09E7A
- A8997B
- A0947D
- 988F7E
- 908A7F
- 88857F
Renk uyumları
Tamamlayıcı +180°
- D1B272
Indonesian Rattan
- 9AB6F0
≈ Wondrous Wisteria
Analog -30° +30°
- D1B272
Indonesian Rattan
- E4A77F
≈ Orange Clay
- B4BD7A
≈ Lime Lollipop
Üçlü +120° +240°
- D1B272
Indonesian Rattan
- 6AC7D1
≈ Paradise Sky
- D4A3D6
≈ Favourite Lavender
Bölünmüş tamamlayıcı +150° +210°
- D1B272
Indonesian Rattan
- 7BC0E7
≈ Billow
- BAABEA
≈ Maximum Blue Purple
Dörtlü +90° +180° +270°
- D1B272
Indonesian Rattan
- 74C9B2
≈ Meridian Star
- 9AB6F0
≈ Wondrous Wisteria
- E59EBA
≈ Blushing Tulip
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.03:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.32:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.32:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--indonesian-rattan: #d1b272;
--indonesian-rattan-rgb: 209 178 114;
--indonesian-rattan-oklch: oklch(0.776 0.09 84.6);
}
.element {
color: var(--indonesian-rattan);
background-color: hsl(40 51% 63%);
border-color: oklch(0.776 0.09 84.6);
}Tailwind CSS v4
@theme {
--color-indonesian-rattan: #d1b272;
--color-indonesian-rattan-50: #fff4d9;
--color-indonesian-rattan-100: #f5e7c7;
--color-indonesian-rattan-200: #e5d2a9;
--color-indonesian-rattan-300: #ccb582;
--color-indonesian-rattan-400: #b79a5f;
--color-indonesian-rattan-500: #a28139;
--color-indonesian-rattan-600: #896d31;
--color-indonesian-rattan-700: #6e5727;
--color-indonesian-rattan-800: #523f1b;
--color-indonesian-rattan-900: #392c11;
--color-indonesian-rattan-950: #231904;
}SCSS
$indonesian-rattan: #d1b272;
$indonesian-rattan-rgb: 209, 178, 114;
$indonesian-rattan-light: mix(#fff, $indonesian-rattan, 20%);
$indonesian-rattan-dark: mix(#000, $indonesian-rattan, 20%);
.element {
color: $indonesian-rattan;
box-shadow: 0 0 0 2px rgba($indonesian-rattan, 0.35);
}