Adlandırılmış renk · #D0C4AF
Russian Toffee
Russian Toffee, #D0C4AF: rgb(208 196 175), hsl(38 26% 75%), oklch(0.824 0.032 81.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Russian Toffee color name →
#D0C4AF
oklch(0.824 0.032 81.7)
Renk dönüşümleri
- HEX
- #d0c4af
- RGB
- rgb(208 196 175)
- HSL
- hsl(38 26% 75%)
- HWB
- hwb(38 69% 18%)
- OKLCH
- oklch(0.824 0.032 81.7)
- OKLab
- oklab(0.824 0.005 0.031)
- CIE Lab
- lab(79.73 1.77 12.18)
- LCH
- lch(79.73 12.3 81.7)
- CMYK
- cmyk(0% 6% 16% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D5CAB7
- D9D0BF
- DED5C7
- E3DBCF
- E7E1D7
- ECE7DF
- F1EDE7
- F5F3EF
- FAF9F7
Koyu tonlar
- B5AA98
- 9A9181
- 80786B
- 676156
- 4F4A41
- 39352E
- 23211C
- 100E0B
- 020201
Gri tonlar
- C8BDAA
- BFB6A5
- B7AFA1
- AFA89C
- A7A197
- 9F9B93
- 97948E
- 8F8D89
- 888785
Renk uyumları
Tamamlayıcı +180°
- D0C4AF
Russian Toffee
- BAC6DB
≈ Angel in Blue Jeans
Analog -30° +30°
- D0C4AF
Russian Toffee
- D7C0B3
≈ Champagne Glee
- C6C8B1
≈ Jugendstil Green
Üçlü +120° +240°
- D0C4AF
Russian Toffee
- AFCCCE
≈ Baroque Chalk Soft Blue
- D0BFD2
≈ Cosmetic Mauve
Bölünmüş tamamlayıcı +150° +210°
- D0C4AF
Russian Toffee
- B2CAD7
≈ Arctic Circle
- C5C2D9
≈ Pale Violet
Dörtlü +90° +180° +270°
- D0C4AF
Russian Toffee
- B2CDC3
≈ Blue Fluorite
- BAC6DB
≈ Angel in Blue Jeans
- D7BEC8
≈ Magnolia White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.72:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.19:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.19:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--russian-toffee: #d0c4af;
--russian-toffee-rgb: 208 196 175;
--russian-toffee-oklch: oklch(0.824 0.032 81.7);
}
.element {
color: var(--russian-toffee);
background-color: hsl(38 26% 75%);
border-color: oklch(0.824 0.032 81.7);
}Tailwind CSS v4
@theme {
--color-russian-toffee: #d0c4af;
--color-russian-toffee-50: #f9f5eb;
--color-russian-toffee-100: #ede7dc;
--color-russian-toffee-200: #dbd3c5;
--color-russian-toffee-300: #bfb6a6;
--color-russian-toffee-400: #a89d8a;
--color-russian-toffee-500: #91846f;
--color-russian-toffee-600: #7b705e;
--color-russian-toffee-700: #625a4b;
--color-russian-toffee-800: #484136;
--color-russian-toffee-900: #322d25;
--color-russian-toffee-950: #1e1a14;
}SCSS
$russian-toffee: #d0c4af;
$russian-toffee-rgb: 208, 196, 175;
$russian-toffee-light: mix(#fff, $russian-toffee, 20%);
$russian-toffee-dark: mix(#000, $russian-toffee, 20%);
.element {
color: $russian-toffee;
box-shadow: 0 0 0 2px rgba($russian-toffee, 0.35);
}