En yakın adlandırılmış renk · #D8BF8B
#D8BF8B
En yakın adlandırılmış renk: Vermicelles
#D8BF8B (rgb(216 191 139), hsl(41 50% 70%), oklch(0.814 0.074 85.1)) en çok Vermicelles adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D8BF8B
oklch(0.814 0.074 85.1)
Renk dönüşümleri
- HEX
- #d8bf8b
- RGB
- rgb(216 191 139)
- HSL
- hsl(41 50% 70%)
- HWB
- hwb(41 55% 15%)
- OKLCH
- oklch(0.814 0.074 85.1)
- OKLab
- oklab(0.814 0.006 0.074)
- CIE Lab
- lab(78.57 3.73 29.72)
- LCH
- lch(78.57 29.95 82.9)
- CMYK
- cmyk(0% 12% 36% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCC597
- E0CCA2
- E4D2AE
- E8D9BA
- ECDFC5
- EFE5D1
- F3ECDC
- F7F2E8
- FBF9F3
Koyu tonlar
- BCA678
- A08D66
- 857554
- 6B5E43
- 534832
- 3B3323
- 251F14
- 110D07
- 020201
Gri tonlar
- CFB98A
- C6B28A
- BDAC89
- B4A688
- AB9F87
- A29986
- 9A9384
- 918C83
- 888682
Renk uyumları
Tamamlayıcı +180°
- D8BF8B
Vermicelles
- ABC2F3
≈ Sky High
Analog -30° +30°
- D8BF8B
Vermicelles
- E8B695
≈ Gentle Doe
- C0C891
≈ White Grape
Üçlü +120° +240°
- D8BF8B
Vermicelles
- 87D0D9
≈ Sky Watch
- DBB2DD
≈ Blushing Sky
Bölünmüş tamamlayıcı +150° +210°
- D8BF8B
Vermicelles
- 93CAEB
≈ Light Cornflower Blue
- C5B9ED
≈ Connecticut Lilac
Dörtlü +90° +180° +270°
- D8BF8B
Vermicelles
- 8ED2BF
≈ Wintermint
- ABC2F3
≈ Sky High
- EAAFC4
≈ Pink Frenzy
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.78:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.74:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--vermicelles: #d8bf8b;
--vermicelles-rgb: 216 191 139;
--vermicelles-oklch: oklch(0.814 0.074 85.1);
}
.element {
color: var(--vermicelles);
background-color: hsl(41 50% 70%);
border-color: oklch(0.814 0.074 85.1);
}Tailwind CSS v4
@theme {
--color-vermicelles: #d8bf8b;
--color-vermicelles-50: #fef4de;
--color-vermicelles-100: #f2e7cd;
--color-vermicelles-200: #e2d3b1;
--color-vermicelles-300: #c8b68c;
--color-vermicelles-400: #b29c6b;
--color-vermicelles-500: #9d824a;
--color-vermicelles-600: #846e40;
--color-vermicelles-700: #6a5833;
--color-vermicelles-800: #4f4023;
--color-vermicelles-900: #372c17;
--color-vermicelles-950: #221908;
}SCSS
$vermicelles: #d8bf8b;
$vermicelles-rgb: 216, 191, 139;
$vermicelles-light: mix(#fff, $vermicelles, 20%);
$vermicelles-dark: mix(#000, $vermicelles, 20%);
.element {
color: $vermicelles;
box-shadow: 0 0 0 2px rgba($vermicelles, 0.35);
}