Adlandırılmış renk · #C4A295
Just Rosey
Just Rosey, #C4A295: rgb(196 162 149), hsl(17 28% 68%), oklch(0.739 0.044 42). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Just Rosey color name →
#C4A295
oklch(0.739 0.044 42)
Renk dönüşümleri
- HEX
- #c4a295
- RGB
- rgb(196 162 149)
- HSL
- hsl(17 28% 68%)
- HWB
- hwb(17 58% 23%)
- OKLCH
- oklch(0.739 0.044 42)
- OKLab
- oklab(0.739 0.033 0.03)
- CIE Lab
- lab(69.47 11.45 11.73)
- LCH
- lch(69.47 16.39 45.7)
- CMYK
- cmyk(0% 17% 24% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CAAB9F
- D0B4AA
- D6BDB4
- DCC6BE
- E2D0C9
- E8D9D4
- EDE2DE
- F3ECE9
- F9F5F4
Koyu tonlar
- AA8C81
- 91776D
- 78635A
- 614F48
- 4A3C37
- 352A26
- 211916
- 0E0A08
- 020101
Gri tonlar
- BD9F93
- B69B91
- AF988F
- A9948D
- A2918B
- 9B8E89
- 948A86
- 8D8784
- 878382
Renk uyumları
Tamamlayıcı +180°
- C4A295
Just Rosey
- 8CB1BF
≈ Bermuda Blue
Analog -30° +30°
- C4A295
Just Rosey
- C5A0A3
≈ Rose Embroidery
- BDA78C
≈ Coffee Diva
Üçlü +120° +240°
- C4A295
Just Rosey
- 92B4A2
≈ Chrysopal Light Green
- A6A8C7
≈ Wisteria Light Soft Blue
Bölünmüş tamamlayıcı +150° +210°
- C4A295
Just Rosey
- 8BB4B2
≈ Artful Aqua
- 97ADC6
≈ Nordland Light Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.34:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.94:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.94:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--just-rosey: #c4a295;
--just-rosey-rgb: 196 162 149;
--just-rosey-oklch: oklch(0.739 0.044 42);
}
.element {
color: var(--just-rosey);
background-color: hsl(17 28% 68%);
border-color: oklch(0.739 0.044 42);
}Tailwind CSS v4
@theme {
--color-just-rosey: #c4a295;
--color-just-rosey-50: #fff1eb;
--color-just-rosey-100: #f6e4dc;
--color-just-rosey-200: #e6cfc5;
--color-just-rosey-300: #ccb1a5;
--color-just-rosey-400: #b6968a;
--color-just-rosey-500: #a07d6f;
--color-just-rosey-600: #886a5e;
--color-just-rosey-700: #6d554b;
--color-just-rosey-800: #503d37;
--color-just-rosey-900: #382a25;
--color-just-rosey-950: #221814;
}SCSS
$just-rosey: #c4a295;
$just-rosey-rgb: 196, 162, 149;
$just-rosey-light: mix(#fff, $just-rosey, 20%);
$just-rosey-dark: mix(#000, $just-rosey, 20%);
.element {
color: $just-rosey;
box-shadow: 0 0 0 2px rgba($just-rosey, 0.35);
}