En yakın adlandırılmış renk · #D1D997
#D1D997
En yakın adlandırılmış renk: Sunken Treasure
#D1D997 (rgb(209 217 151), hsl(67 46% 72%), oklch(0.863 0.086 113.9)) en çok Sunken Treasure 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.
#D1D997
oklch(0.863 0.086 113.9)
Renk dönüşümleri
- HEX
- #d1d997
- RGB
- rgb(209 217 151)
- HSL
- hsl(67 46% 72%)
- HWB
- hwb(67 59% 15%)
- OKLCH
- oklch(0.863 0.086 113.9)
- OKLab
- oklab(0.863 -0.035 0.079)
- CIE Lab
- lab(84.9 -10.53 31.65)
- LCH
- lch(84.9 33.36 108.4)
- CMYK
- cmyk(4% 0% 30% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D5DDA2
- DAE1AC
- DEE5B7
- E3E8C1
- E8ECCC
- ECF0D6
- F1F4E0
- F6F8EB
- FAFBF5
Koyu tonlar
- B5BC83
- 9BA16F
- 81865C
- 686C49
- 505337
- 393B26
- 232517
- 101108
- 020201
Gri tonlar
- C9D095
- C0C793
- B8BE91
- B0B58F
- A7AC8D
- 9FA38A
- 979A88
- 8F9185
- 888983
Renk uyumları
Tamamlayıcı +180°
- D1D997
Sunken Treasure
- D4C9FF
≈ Innocent Snowdrop
Analog -30° +30°
- D1D997
Sunken Treasure
- EDCE90
≈ Honeydew Sand
- B0E1AE
≈ Celadon
Üçlü +120° +240°
- D1D997
Sunken Treasure
- 9DDCFF
≈ Columbia Blue
- FFBCD6
≈ Cotton Candy
Bölünmüş tamamlayıcı +150° +210°
- D1D997
Sunken Treasure
- BCD3FF
≈ Ice Cold Stare
- EFBFF3
≈ Lovecloud
Dörtlü +90° +180° +270°
- D1D997
Sunken Treasure
- 8AE3EC
≈ Paradisiacal Getaway
- D4C9FF
≈ Innocent Snowdrop
- FFC0BB
≈ Ladylike
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.49:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.08:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 14.08:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--sunken-treasure: #d1d997;
--sunken-treasure-rgb: 209 217 151;
--sunken-treasure-oklch: oklch(0.863 0.086 113.9);
}
.element {
color: var(--sunken-treasure);
background-color: hsl(67 46% 72%);
border-color: oklch(0.863 0.086 113.9);
}Tailwind CSS v4
@theme {
--color-sunken-treasure: #d1d997;
--color-sunken-treasure-50: #f3f9dd;
--color-sunken-treasure-100: #e6eccc;
--color-sunken-treasure-200: #d2d9b0;
--color-sunken-treasure-300: #b5bd8b;
--color-sunken-treasure-400: #9ea468;
--color-sunken-treasure-500: #868d46;
--color-sunken-treasure-600: #71773c;
--color-sunken-treasure-700: #5a5f2f;
--color-sunken-treasure-800: #434520;
--color-sunken-treasure-900: #2e3015;
--color-sunken-treasure-950: #1b1c07;
}SCSS
$sunken-treasure: #d1d997;
$sunken-treasure-rgb: 209, 217, 151;
$sunken-treasure-light: mix(#fff, $sunken-treasure, 20%);
$sunken-treasure-dark: mix(#000, $sunken-treasure, 20%);
.element {
color: $sunken-treasure;
box-shadow: 0 0 0 2px rgba($sunken-treasure, 0.35);
}