En yakın adlandırılmış renk · #D6C9A5
#D6C9A5
En yakın adlandırılmış renk: Fiji Sands
#D6C9A5 (rgb(214 201 165), hsl(44 37% 74%), oklch(0.837 0.05 90.5)) en çok Fiji Sands 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.
#D6C9A5
oklch(0.837 0.05 90.5)
Renk dönüşümleri
- HEX
- #d6c9a5
- RGB
- rgb(214 201 165)
- HSL
- hsl(44 37% 74%)
- HWB
- hwb(44 65% 16%)
- OKLCH
- oklch(0.837 0.05 90.5)
- OKLab
- oklab(0.837 0 0.05)
- CIE Lab
- lab(81.35 0.49 19.79)
- LCH
- lch(81.35 19.8 88.6)
- CMYK
- cmyk(0% 6% 23% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DACEAE
- DED4B7
- E2D9C0
- E6DEC9
- EAE4D2
- EEE9DB
- F3EFE4
- F7F4ED
- FBFAF6
Koyu tonlar
- BAAE8F
- 9E9579
- 847C65
- 6A6451
- 524C3D
- 3B362B
- 25221A
- 100F0A
- 020201
Gri tonlar
- CDC1A1
- C4BA9E
- BBB39A
- B3AB96
- AAA493
- A19D8F
- 99958B
- 918E88
- 888784
Renk uyumları
Tamamlayıcı +180°
- D6C9A5
Fiji Sands
- BDC9EB
≈ Cuddle
Analog -30° +30°
- D6C9A5
Fiji Sands
- E3C3A9
≈ Apricot Illusion
- C5CFAB
≈ Bamboo White
Üçlü +120° +240°
- D6C9A5
Fiji Sands
- A4D3DC
≈ Midwinter Mist
- DDBED9
≈ Faded Violet
Bölünmüş tamamlayıcı +150° +210°
- D6C9A5
Fiji Sands
- ADCFE8
≈ Gentle Wind
- CFC3E6
≈ Party Hat
Dörtlü +90° +180° +270°
- D6C9A5
Fiji Sands
- A7D5CB
≈ Sinbad
- BDC9EB
≈ Cuddle
- E7BDC8
≈ Soap Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.64:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.75:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.75:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--fiji-sands: #d6c9a5;
--fiji-sands-rgb: 214 201 165;
--fiji-sands-oklch: oklch(0.837 0.05 90.5);
}
.element {
color: var(--fiji-sands);
background-color: hsl(44 37% 74%);
border-color: oklch(0.837 0.05 90.5);
}Tailwind CSS v4
@theme {
--color-fiji-sands: #d6c9a5;
--color-fiji-sands-50: #faf5e5;
--color-fiji-sands-100: #eee8d5;
--color-fiji-sands-200: #dcd4bd;
--color-fiji-sands-300: #c0b79b;
--color-fiji-sands-400: #aa9e7d;
--color-fiji-sands-500: #938560;
--color-fiji-sands-600: #7c7151;
--color-fiji-sands-700: #635a41;
--color-fiji-sands-800: #49422e;
--color-fiji-sands-900: #332d1f;
--color-fiji-sands-950: #1f1a0f;
}SCSS
$fiji-sands: #d6c9a5;
$fiji-sands-rgb: 214, 201, 165;
$fiji-sands-light: mix(#fff, $fiji-sands, 20%);
$fiji-sands-dark: mix(#000, $fiji-sands, 20%);
.element {
color: $fiji-sands;
box-shadow: 0 0 0 2px rgba($fiji-sands, 0.35);
}