Adlandırılmış renk · #C47967
First Lady
First Lady, #C47967: rgb(196 121 103), hsl(12 44% 59%), oklch(0.652 0.098 34.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? → · First Lady color name →
#C47967
oklch(0.652 0.098 34.3)
Renk dönüşümleri
- HEX
- #c47967
- RGB
- rgb(196 121 103)
- HSL
- hsl(12 44% 59%)
- HWB
- hwb(12 40% 23%)
- OKLCH
- oklch(0.652 0.098 34.3)
- OKLab
- oklab(0.652 0.081 0.055)
- CIE Lab
- lab(58.8 28.65 22.89)
- LCH
- lch(58.8 36.67 38.6)
- CMYK
- cmyk(0% 38% 47% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CB8676
- D19384
- D8A193
- DEAEA2
- E4BBB1
- EAC9C0
- EFD6D0
- F5E4DF
- FAF1EF
Koyu tonlar
- AA6859
- 91584B
- 78483D
- 613930
- 4A2B23
- 351D17
- 21100C
- 0E0504
- 020100
Gri tonlar
- BE7A6A
- B77B6D
- B17C6F
- AA7D72
- A37E74
- 9D7E77
- 967F79
- 8F7F7B
- 87807E
Renk uyumları
Tamamlayıcı +180°
- C47967
First Lady
- 369FB4
≈ Fischer Blue
Analog -30° +30°
- C47967
First Lady
- C27688
≈ Rosily
- BA824C
≈ Arrakis Spice
Üçlü +120° +240°
- C47967
First Lady
- 5CA174
≈ Treelet
- 7D8BCC
≈ True Lavender
Bölünmüş tamamlayıcı +150° +210°
- C47967
First Lady
- 37A397
≈ Sea Kale
- 5896C8
≈ Blueberry Soft Blue
Dörtlü +90° +180° +270°
- C47967
First Lady
- 839A55
≈ Pine Leaves
- 369FB4
≈ Fischer Blue
- 9D80C1
≈ Lilac Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.34:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.27:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--first-lady: #c47967;
--first-lady-rgb: 196 121 103;
--first-lady-oklch: oklch(0.652 0.098 34.3);
}
.element {
color: var(--first-lady);
background-color: hsl(12 44% 59%);
border-color: oklch(0.652 0.098 34.3);
}Tailwind CSS v4
@theme {
--color-first-lady: #c47967;
--color-first-lady-50: #ffece2;
--color-first-lady-100: #ffddd1;
--color-first-lady-200: #fbc6b7;
--color-first-lady-300: #e5a694;
--color-first-lady-400: #d28977;
--color-first-lady-500: #be6d59;
--color-first-lady-600: #a15c4c;
--color-first-lady-700: #814a3d;
--color-first-lady-800: #60352c;
--color-first-lady-900: #43241e;
--color-first-lady-950: #2b130e;
}SCSS
$first-lady: #c47967;
$first-lady-rgb: 196, 121, 103;
$first-lady-light: mix(#fff, $first-lady, 20%);
$first-lady-dark: mix(#000, $first-lady, 20%);
.element {
color: $first-lady;
box-shadow: 0 0 0 2px rgba($first-lady, 0.35);
}