Adlandırılmış renk · #CCB27A
Aged Seagrass
Aged Seagrass, #CCB27A: rgb(204 178 122), hsl(41 45% 64%), oklch(0.773 0.079 85.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Aged Seagrass color name →
#CCB27A
oklch(0.773 0.079 85.7)
Renk dönüşümleri
- HEX
- #ccb27a
- RGB
- rgb(204 178 122)
- HSL
- hsl(41 45% 64%)
- HWB
- hwb(41 48% 20%)
- OKLCH
- oklch(0.773 0.079 85.7)
- OKLab
- oklab(0.773 0.006 0.079)
- CIE Lab
- lab(73.89 3.97 32.26)
- LCH
- lch(73.89 32.51 83)
- CMYK
- cmyk(0% 13% 40% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D1BA88
- D6C195
- DBC9A2
- E0D1AF
- E5D8BD
- EBE0CA
- F0E8D7
- F5EFE4
- FAF7F2
Koyu tonlar
- B19A69
- 978359
- 7E6D49
- 65573A
- 4E432B
- 372F1D
- 221D10
- 0F0C05
- 020101
Gri tonlar
- C4AD7B
- BCA87C
- B5A37D
- AD9E7E
- A5997F
- 9E947F
- 968F80
- 8F8A80
- 878580
Renk uyumları
Tamamlayıcı +180°
- CCB27A
Aged Seagrass
- 9DB5E9
≈ Honest
Analog -30° +30°
- CCB27A
Aged Seagrass
- DDA884
≈ Lunatic Lynx
- B2BC81
≈ Lime Lollipop
Üçlü +120° +240°
- CCB27A
Aged Seagrass
- 75C4CE
≈ Twisted Blue
- D0A4D1
≈ Favourite Lavender
Bölünmüş tamamlayıcı +150° +210°
- CCB27A
Aged Seagrass
- 83BEE1
≈ Billow
- B9ABE3
≈ Perfume
Dörtlü +90° +180° +270°
- CCB27A
Aged Seagrass
- 7CC6B3
≈ Monte Carlo
- 9DB5E9
≈ Honest
- DFA0B7
≈ Blushing Tulip
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.05:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.21:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.21:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--aged-seagrass: #ccb27a;
--aged-seagrass-rgb: 204 178 122;
--aged-seagrass-oklch: oklch(0.773 0.079 85.7);
}
.element {
color: var(--aged-seagrass);
background-color: hsl(41 45% 64%);
border-color: oklch(0.773 0.079 85.7);
}Tailwind CSS v4
@theme {
--color-aged-seagrass: #ccb27a;
--color-aged-seagrass-50: #fff4dc;
--color-aged-seagrass-100: #f3e7cb;
--color-aged-seagrass-200: #e3d3ae;
--color-aged-seagrass-300: #c8b689;
--color-aged-seagrass-400: #b49b67;
--color-aged-seagrass-500: #9e8245;
--color-aged-seagrass-600: #856e3b;
--color-aged-seagrass-700: #6b582f;
--color-aged-seagrass-800: #4f4021;
--color-aged-seagrass-900: #372c15;
--color-aged-seagrass-950: #221907;
}SCSS
$aged-seagrass: #ccb27a;
$aged-seagrass-rgb: 204, 178, 122;
$aged-seagrass-light: mix(#fff, $aged-seagrass, 20%);
$aged-seagrass-dark: mix(#000, $aged-seagrass, 20%);
.element {
color: $aged-seagrass;
box-shadow: 0 0 0 2px rgba($aged-seagrass, 0.35);
}