Adlandırılmış renk · #D2B17A
Beachwalk
Beachwalk, #D2B17A: rgb(210 177 122), hsl(38 49% 65%), oklch(0.777 0.081 79.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Beachwalk color name →
#D2B17A
oklch(0.777 0.081 79.9)
Renk dönüşümleri
- HEX
- #d2b17a
- RGB
- rgb(210 177 122)
- HSL
- hsl(38 49% 65%)
- HWB
- hwb(38 48% 18%)
- OKLCH
- oklch(0.777 0.081 79.9)
- OKLab
- oklab(0.777 0.014 0.08)
- CIE Lab
- lab(74.21 6.92 32.82)
- LCH
- lch(74.21 33.54 78.1)
- CMYK
- cmyk(0% 16% 42% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D7B988
- DBC195
- E0C8A2
- E4D0AF
- E9D8BD
- EDE0CA
- F2E7D7
- F6EFE4
- FBF7F2
Koyu tonlar
- B69969
- 9B8359
- 816C49
- 68573A
- 50422B
- 392F1D
- 241C10
- 100C05
- 020101
Gri tonlar
- CAAC7B
- C1A77C
- B9A27D
- B19D7E
- A8997F
- A0947F
- 988F80
- 908A80
- 888580
Renk uyumları
Tamamlayıcı +180°
- D2B17A
Beachwalk
- 98B8EB
≈ Honest
Analog -30° +30°
- D2B17A
Beachwalk
- E2A888
≈ Almost Apricot
- B9BB7E
≈ Ushabti Bone
Üçlü +120° +240°
- D2B17A
Beachwalk
- 73C6CB
≈ Wavelet
- CEA6D7
≈ Favourite Lavender
Bölünmüş tamamlayıcı +150° +210°
- D2B17A
Beachwalk
- 7EC1E1
≈ Horizon Haze
- B5AEE7
≈ Maximum Blue Purple
Dörtlü +90° +180° +270°
- D2B17A
Beachwalk
- 80C8AE
≈ Meridian Star
- 98B8EB
≈ Honest
- DFA1BE
≈ Pink Gin
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.03:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.31:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.31:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--beachwalk: #d2b17a;
--beachwalk-rgb: 210 177 122;
--beachwalk-oklch: oklch(0.777 0.081 79.9);
}
.element {
color: var(--beachwalk);
background-color: hsl(38 49% 65%);
border-color: oklch(0.777 0.081 79.9);
}Tailwind CSS v4
@theme {
--color-beachwalk: #d2b17a;
--color-beachwalk-50: #fff3dc;
--color-beachwalk-100: #f6e6ca;
--color-beachwalk-200: #e6d2ad;
--color-beachwalk-300: #ccb488;
--color-beachwalk-400: #b89966;
--color-beachwalk-500: #a38043;
--color-beachwalk-600: #896c3a;
--color-beachwalk-700: #6e572e;
--color-beachwalk-800: #523f20;
--color-beachwalk-900: #392b15;
--color-beachwalk-950: #231807;
}SCSS
$beachwalk: #d2b17a;
$beachwalk-rgb: 210, 177, 122;
$beachwalk-light: mix(#fff, $beachwalk, 20%);
$beachwalk-dark: mix(#000, $beachwalk, 20%);
.element {
color: $beachwalk;
box-shadow: 0 0 0 2px rgba($beachwalk, 0.35);
}