Adlandırılmış renk · #D6C5A9
Paper Dog
Paper Dog, #D6C5A9: rgb(214 197 169), hsl(37 35% 75%), oklch(0.83 0.042 80.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Paper Dog color name →
#D6C5A9
oklch(0.83 0.042 80.3)
Renk dönüşümleri
- HEX
- #d6c5a9
- RGB
- rgb(214 197 169)
- HSL
- hsl(37 35% 75%)
- HWB
- hwb(37 66% 16%)
- OKLCH
- oklch(0.83 0.042 80.3)
- OKLab
- oklab(0.83 0.007 0.042)
- CIE Lab
- lab(80.4 2.88 16.38)
- LCH
- lch(80.4 16.63 80)
- CMYK
- cmyk(0% 8% 21% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DACBB1
- DED0BA
- E2D6C2
- E6DCCB
- EAE2D4
- EFE8DC
- F3EDE5
- F7F3EE
- FBF9F6
Koyu tonlar
- BAAB92
- 9E927C
- 847967
- 6A6153
- 524B3F
- 3B352C
- 25211B
- 100E0A
- 020201
Gri tonlar
- CDBEA5
- C4B7A1
- BBB09D
- B3A999
- AAA295
- A19B90
- 99948C
- 918D88
- 888784
Renk uyumları
Tamamlayıcı +180°
- D6C5A9
Paper Dog
- B8C8E4
≈ Radar
Analog -30° +30°
- D6C5A9
Paper Dog
- DFC0AF
≈ Cinnamon Tea
- C8CAAB
≈ Jardin de Hierbas
Üçlü +120° +240°
- D6C5A9
Paper Dog
- A8D0D2
≈ Cay
- D4BFD9
≈ Girl Crush
Bölünmüş tamamlayıcı +150° +210°
- D6C5A9
Paper Dog
- ACCDDE
≈ Early September
- C6C3E2
≈ Party Hat
Dörtlü +90° +180° +270°
- D6C5A9
Paper Dog
- ADD1C3
≈ Lester
- B8C8E4
≈ Radar
- DEBDCB
≈ Spring Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.69:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.41:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.41:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--paper-dog: #d6c5a9;
--paper-dog-rgb: 214 197 169;
--paper-dog-oklch: oklch(0.83 0.042 80.3);
}
.element {
color: var(--paper-dog);
background-color: hsl(37 35% 75%);
border-color: oklch(0.83 0.042 80.3);
}Tailwind CSS v4
@theme {
--color-paper-dog: #d6c5a9;
--color-paper-dog-50: #fbf4e8;
--color-paper-dog-100: #efe7d8;
--color-paper-dog-200: #ddd3c0;
--color-paper-dog-300: #c2b69f;
--color-paper-dog-400: #ac9c83;
--color-paper-dog-500: #958466;
--color-paper-dog-600: #7e6f57;
--color-paper-dog-700: #655945;
--color-paper-dog-800: #4b4132;
--color-paper-dog-900: #342d22;
--color-paper-dog-950: #1f1a11;
}SCSS
$paper-dog: #d6c5a9;
$paper-dog-rgb: 214, 197, 169;
$paper-dog-light: mix(#fff, $paper-dog, 20%);
$paper-dog-dark: mix(#000, $paper-dog, 20%);
.element {
color: $paper-dog;
box-shadow: 0 0 0 2px rgba($paper-dog, 0.35);
}