En yakın adlandırılmış renk · #99695D
#99695D
En yakın adlandırılmış renk: Chocolate Temptation
#99695D (rgb(153 105 93), hsl(12 24% 48%), oklch(0.568 0.065 34.6)) en çok Chocolate Temptation 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.
#99695D
oklch(0.568 0.065 34.6)
Renk dönüşümleri
- HEX
- #99695d
- RGB
- rgb(153 105 93)
- HSL
- hsl(12 24% 48%)
- HWB
- hwb(12 36% 40%)
- OKLCH
- oklch(0.568 0.065 34.6)
- OKLab
- oklab(0.568 0.053 0.037)
- CIE Lab
- lab(49.35 18.66 14.92)
- LCH
- lch(49.35 23.89 38.7)
- CMYK
- cmyk(0% 31% 39% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A3776C
- AE867B
- B8948B
- C2A39B
- CCB2AB
- D7C1BB
- E1D0CC
- EBE0DD
- F5EFEE
Koyu tonlar
- 845A50
- 704C43
- 5D3E37
- 4A312A
- 38241F
- 271814
- 170C0A
- 080403
- 010000
Gri tonlar
- 976B61
- 956E64
- 927068
- 90736B
- 8E756F
- 8B7772
- 887976
- 867C79
- 837E7D
Renk uyumları
Tamamlayıcı +180°
- 99695D
Chocolate Temptation
- 46818E
≈ Casual Blue
Analog -30° +30°
- 99695D
Chocolate Temptation
- 986772
≈ Nouveau Rose
- 926F4D
≈ El Caramelo
Üçlü +120° +240°
- 99695D
Chocolate Temptation
- 578266
≈ Green Goth Eyeshadow
- 6B749D
≈ Velvet Morning
Bölünmüş tamamlayıcı +150° +210°
- 99695D
Chocolate Temptation
- 46837B
≈ Bubble Turquoise
- 557B9B
≈ Glass Sapphire
Dörtlü +90° +180° +270°
- 99695D
Chocolate Temptation
- 6E7E53
≈ Mint Leaves
- 46818E
≈ Casual Blue
- 7F6D96
≈ Ornate
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.63:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.53:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--chocolate-temptation: #99695d;
--chocolate-temptation-rgb: 153 105 93;
--chocolate-temptation-oklch: oklch(0.568 0.065 34.6);
}
.element {
color: var(--chocolate-temptation);
background-color: hsl(12 24% 48%);
border-color: oklch(0.568 0.065 34.6);
}Tailwind CSS v4
@theme {
--color-chocolate-temptation: #99695d;
--color-chocolate-temptation-50: #ffefe8;
--color-chocolate-temptation-100: #fde1d9;
--color-chocolate-temptation-200: #eecbc1;
--color-chocolate-temptation-300: #d6aca0;
--color-chocolate-temptation-400: #c29185;
--color-chocolate-temptation-500: #ad7769;
--color-chocolate-temptation-600: #926559;
--color-chocolate-temptation-700: #755047;
--color-chocolate-temptation-800: #573a34;
--color-chocolate-temptation-900: #3d2823;
--color-chocolate-temptation-950: #261612;
}SCSS
$chocolate-temptation: #99695d;
$chocolate-temptation-rgb: 153, 105, 93;
$chocolate-temptation-light: mix(#fff, $chocolate-temptation, 20%);
$chocolate-temptation-dark: mix(#000, $chocolate-temptation, 20%);
.element {
color: $chocolate-temptation;
box-shadow: 0 0 0 2px rgba($chocolate-temptation, 0.35);
}