Adlandırılmış renk · #CFC5B6
Sunray Venus
Sunray Venus, #CFC5B6: rgb(207 197 182), hsl(36 21% 76%), oklch(0.827 0.023 78.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Sunray Venus color name →
#CFC5B6
oklch(0.827 0.023 78.2)
Renk dönüşümleri
- HEX
- #cfc5b6
- RGB
- rgb(207 197 182)
- HSL
- hsl(36 21% 76%)
- HWB
- hwb(36 71% 19%)
- OKLCH
- oklch(0.827 0.023 78.2)
- OKLab
- oklab(0.827 0.005 0.023)
- CIE Lab
- lab(80.04 1.73 8.87)
- LCH
- lch(80.04 9.03 79)
- CMYK
- cmyk(0% 5% 12% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D4CBBD
- D8D0C4
- DDD6CC
- E2DCD3
- E7E2DA
- ECE8E1
- F0EDE9
- F5F3F0
- FAF9F8
Koyu tonlar
- B4AB9E
- 999286
- 7F796F
- 676159
- 4F4B44
- 383530
- 23211D
- 100E0C
- 020202
Gri tonlar
- C7BEB0
- BFB7AB
- B7B0A6
- AFA9A0
- A7A29B
- 9F9B95
- 979490
- 8F8D8B
- 888785
Renk uyumları
Tamamlayıcı +180°
- CFC5B6
Sunray Venus
- BDC7D6
≈ Himalayan Poppy
Analog -30° +30°
- CFC5B6
Sunray Venus
- D4C2BA
≈ New Wool
- C7C8B7
≈ Wabi-Sabi
Üçlü +120° +240°
- CFC5B6
Sunray Venus
- B6CBCC
≈ Berry Mojito
- CDC2D1
≈ Amethyst Light Violet
Bölünmüş tamamlayıcı +150° +210°
- CFC5B6
Sunray Venus
- B8CAD3
≈ Happy-Go-Lucky
- C5C4D5
≈ Tulip Soft Blue
Dörtlü +90° +180° +270°
- CFC5B6
Sunray Venus
- B9CCC4
≈ Blue Shamrock
- BDC7D6
≈ Himalayan Poppy
- D3C1C9
≈ Bassinet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.70:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.31:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--sunray-venus: #cfc5b6;
--sunray-venus-rgb: 207 197 182;
--sunray-venus-oklch: oklch(0.827 0.023 78.2);
}
.element {
color: var(--sunray-venus);
background-color: hsl(36 21% 76%);
border-color: oklch(0.827 0.023 78.2);
}Tailwind CSS v4
@theme {
--color-sunray-venus: #cfc5b6;
--color-sunray-venus-50: #f9f5ee;
--color-sunray-venus-100: #ece7df;
--color-sunray-venus-200: #d9d3c9;
--color-sunray-venus-300: #beb6aa;
--color-sunray-venus-400: #a69d8f;
--color-sunray-venus-500: #8f8575;
--color-sunray-venus-600: #797063;
--color-sunray-venus-700: #615a4f;
--color-sunray-venus-800: #47413a;
--color-sunray-venus-900: #312d27;
--color-sunray-venus-950: #1d1a16;
}SCSS
$sunray-venus: #cfc5b6;
$sunray-venus-rgb: 207, 197, 182;
$sunray-venus-light: mix(#fff, $sunray-venus, 20%);
$sunray-venus-dark: mix(#000, $sunray-venus, 20%);
.element {
color: $sunray-venus;
box-shadow: 0 0 0 2px rgba($sunray-venus, 0.35);
}