Nazwany kolor · #CAC69D
Archisa
Archisa to #CAC69D: rgb(202 198 157), hsl(55 30% 70%), oklch(0.819 0.055 102.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Archisa color name →
#CAC69D
oklch(0.819 0.055 102.9)
Konwersje koloru
- HEX
- #cac69d
- RGB
- rgb(202 198 157)
- HSL
- hsl(55 30% 70%)
- HWB
- hwb(55 62% 21%)
- OKLCH
- oklch(0.819 0.055 102.9)
- OKLab
- oklab(0.819 -0.012 0.054)
- CIE Lab
- lab(79.42 -3.48 21.18)
- LCH
- lch(79.42 21.46 99.3)
- CMYK
- cmyk(0% 2% 22% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CFCCA7
- D4D1B0
- DAD7BA
- DFDDC4
- E4E2CE
- E9E8D7
- EFEEE1
- F4F3EB
- FAF9F5
Odcienie ciemniejsze
- AFAC88
- 959273
- 7C7A5F
- 64624C
- 4D4B3A
- 373528
- 222118
- 0F0E09
- 020201
Tony
- C2BF9A
- BBB897
- B3B195
- ACA992
- A4A28F
- 9D9B8C
- 959589
- 8E8E86
- 878783
Harmonie kolorów
Komplementarna +180°
- CAC69D
Archisa
- BEC0E7
≈ Pretty Posie
Analogowa -30° +30°
- CAC69D
Archisa
- DABF9D
≈ Hazelnut Parfait
- B6CCA8
≈ Enamel Green
Triada +120° +240°
- CAC69D
Archisa
- 9DCCDE
≈ Intercoastal
- DEB6CD
≈ Blissfully Mine
Komplementarna rozszczepiona +150° +210°
- CAC69D
Archisa
- ABC7E7
≈ Water Wash
- D1BADE
≈ Pussyfoot
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.73:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 12.07:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.07:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--archisa: #cac69d;
--archisa-rgb: 202 198 157;
--archisa-oklch: oklch(0.819 0.055 102.9);
}
.element {
color: var(--archisa);
background-color: hsl(55 30% 70%);
border-color: oklch(0.819 0.055 102.9);
}Tailwind CSS v4
@theme {
--color-archisa: #cac69d;
--color-archisa-50: #f7f6e5;
--color-archisa-100: #eae9d4;
--color-archisa-200: #d7d6bb;
--color-archisa-300: #bbb999;
--color-archisa-400: #a4a07b;
--color-archisa-500: #8d885d;
--color-archisa-600: #77734f;
--color-archisa-700: #5f5c3f;
--color-archisa-800: #46432d;
--color-archisa-900: #312e1e;
--color-archisa-950: #1d1b0e;
}SCSS
$archisa: #cac69d;
$archisa-rgb: 202, 198, 157;
$archisa-light: mix(#fff, $archisa, 20%);
$archisa-dark: mix(#000, $archisa, 20%);
.element {
color: $archisa;
box-shadow: 0 0 0 2px rgba($archisa, 0.35);
}