Adlandırılmış renk · #C7887F
Sunstone
Sunstone, #C7887F: rgb(199 136 127), hsl(7 39% 64%), oklch(0.688 0.079 28.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Sunstone color name →
#C7887F
oklch(0.688 0.079 28.3)
Renk dönüşümleri
- HEX
- #c7887f
- RGB
- rgb(199 136 127)
- HSL
- hsl(7 39% 64%)
- HWB
- hwb(7 50% 22%)
- OKLCH
- oklch(0.688 0.079 28.3)
- OKLab
- oklab(0.688 0.07 0.038)
- CIE Lab
- lab(63.05 23.99 15.14)
- LCH
- lch(63.05 28.37 32.2)
- CMYK
- cmyk(0% 32% 36% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CD948B
- D39F98
- D9ABA4
- DFB7B1
- E5C3BD
- EACFCA
- F0DBD7
- F5E7E4
- FAF3F2
Koyu tonlar
- AD756E
- 93635D
- 7A524C
- 62413C
- 4C312D
- 36221F
- 211311
- 0E0606
- 020101
Gri tonlar
- C0877F
- B9877F
- B28680
- AB8580
- A48580
- 9D8480
- 968380
- 8F8280
- 878180
Renk uyumları
Tamamlayıcı +180°
- C7887F
Sunstone
- 5AA8B4
≈ Blue Calypso
Analog -30° +30°
- C7887F
Sunstone
- C3869A
≈ Desert Bud
- C08F69
≈ Sunset Cloud
Üçlü +120° +240°
- C7887F
Sunstone
- 79A97F
≈ Summer Garden
- 8699CC
≈ Purple Gentian
Bölünmüş tamamlayıcı +150° +210°
- C7887F
Sunstone
- 60AB9B
≈ Green Crush
- 6BA2C6
≈ Scott Base
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.89:1 · APCA Lc 55
Ag
AAASiyah üzerinde
WCAG 7.25:1 · APCA Lc 47
En iyi metin rengi: #000000
WCAG 7.25:1 (AAA) · APCA Lc 47
Contrast pairs
Kod parçacıkları
CSS
:root {
--sunstone: #c7887f;
--sunstone-rgb: 199 136 127;
--sunstone-oklch: oklch(0.688 0.079 28.3);
}
.element {
color: var(--sunstone);
background-color: hsl(7 39% 64%);
border-color: oklch(0.688 0.079 28.3);
}Tailwind CSS v4
@theme {
--color-sunstone: #c7887f;
--color-sunstone-50: #ffede8;
--color-sunstone-100: #ffdfd8;
--color-sunstone-200: #f4c8c0;
--color-sunstone-300: #dda99f;
--color-sunstone-400: #c98d84;
--color-sunstone-500: #b57268;
--color-sunstone-600: #996059;
--color-sunstone-700: #7b4d47;
--color-sunstone-800: #5b3734;
--color-sunstone-900: #402623;
--color-sunstone-950: #281412;
}SCSS
$sunstone: #c7887f;
$sunstone-rgb: 199, 136, 127;
$sunstone-light: mix(#fff, $sunstone, 20%);
$sunstone-dark: mix(#000, $sunstone, 20%);
.element {
color: $sunstone;
box-shadow: 0 0 0 2px rgba($sunstone, 0.35);
}