Adlandırılmış renk · #CDCA9F
Anjou Pear
Anjou Pear, #CDCA9F: rgb(205 202 159), hsl(56 32% 71%), oklch(0.831 0.057 104.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Anjou Pear color name →
#CDCA9F
oklch(0.831 0.057 104.3)
Renk dönüşümleri
- HEX
- #cdca9f
- RGB
- rgb(205 202 159)
- HSL
- hsl(56 32% 71%)
- HWB
- hwb(56 62% 20%)
- OKLCH
- oklch(0.831 0.057 104.3)
- OKLab
- oklab(0.831 -0.014 0.056)
- CIE Lab
- lab(80.75 -4.07 21.97)
- LCH
- lch(80.75 22.35 100.5)
- CMYK
- cmyk(0% 1% 22% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D2CFA9
- D7D5B2
- DCDABC
- E1DFC5
- E6E4CF
- EBEAD8
- F0EFE2
- F5F4EC
- FAFAF5
Koyu tonlar
- B2AF8A
- 989575
- 7E7C61
- 66644D
- 4E4D3B
- 383729
- 232218
- 0F0F09
- 020201
Gri tonlar
- C5C29C
- BDBB99
- B5B396
- ADAC93
- A6A490
- 9E9D8D
- 96968A
- 8F8E87
- 878783
Renk uyumları
Tamamlayıcı +180°
- CDCA9F
Anjou Pear
- C2C3EC
≈ Violet Gems
Analog -30° +30°
- CDCA9F
Anjou Pear
- DEC39F
≈ Slender Reed
- B8D0AB
≈ Jardin
Üçlü +120° +240°
- CDCA9F
Anjou Pear
- A0D0E4
≈ Light Sky Babe
- E4B9D1
≈ Eau de Rose
Bölünmüş tamamlayıcı +150° +210°
- CDCA9F
Anjou Pear
- AECAED
≈ Tropical Blue
- D5BDE2
≈ Plum Point
Dörtlü +90° +180° +270°
- CDCA9F
Anjou Pear
- 9CD4D2
≈ Fountain City
- C2C3EC
≈ Violet Gems
- EAB9BC
≈ Wind Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.67:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.54:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.54:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--anjou-pear: #cdca9f;
--anjou-pear-rgb: 205 202 159;
--anjou-pear-oklch: oklch(0.831 0.057 104.3);
}
.element {
color: var(--anjou-pear);
background-color: hsl(56 32% 71%);
border-color: oklch(0.831 0.057 104.3);
}Tailwind CSS v4
@theme {
--color-anjou-pear: #cdca9f;
--color-anjou-pear-50: #f7f7e4;
--color-anjou-pear-100: #eaead4;
--color-anjou-pear-200: #d7d6ba;
--color-anjou-pear-300: #bbba98;
--color-anjou-pear-400: #a3a179;
--color-anjou-pear-500: #8c885b;
--color-anjou-pear-600: #76734e;
--color-anjou-pear-700: #5f5c3e;
--color-anjou-pear-800: #46432c;
--color-anjou-pear-900: #302e1d;
--color-anjou-pear-950: #1d1b0e;
}SCSS
$anjou-pear: #cdca9f;
$anjou-pear-rgb: 205, 202, 159;
$anjou-pear-light: mix(#fff, $anjou-pear, 20%);
$anjou-pear-dark: mix(#000, $anjou-pear, 20%);
.element {
color: $anjou-pear;
box-shadow: 0 0 0 2px rgba($anjou-pear, 0.35);
}