Nazwany kolor · #AFCA9D
Desert Cactus
Desert Cactus to #AFCA9D: rgb(175 202 157), hsl(96 30% 70%), oklch(0.807 0.068 133). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Desert Cactus color name →
#AFCA9D
oklch(0.807 0.068 133)
Konwersje koloru
- HEX
- #afca9d
- RGB
- rgb(175 202 157)
- HSL
- hsl(96 30% 70%)
- HWB
- hwb(96 62% 21%)
- OKLCH
- oklch(0.807 0.068 133)
- OKLab
- oklab(0.807 -0.047 0.05)
- CIE Lab
- lab(78.42 -15.54 19.4)
- LCH
- lch(78.42 24.85 128.7)
- CMYK
- cmyk(13% 0% 22% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B7CFA7
- BFD5B0
- C7DABA
- CFDFC4
- D6E4CE
- DFEAD7
- E7EFE1
- EFF4EB
- F7FAF5
Odcienie ciemniejsze
- 98AF88
- 819573
- 6B7C5F
- 56644C
- 414D3A
- 2E3728
- 1C2218
- 0B0F09
- 010201
Tony
- AAC29A
- A5BB97
- A1B395
- 9CAC92
- 97A48F
- 939D8C
- 8E9689
- 898E86
- 858783
Harmonie kolorów
Komplementarna +180°
- AFCA9D
Desert Cactus
- D0B4E0
≈ Sea Lavender
Analogowa -30° +30°
- AFCA9D
Desert Cactus
- C8C28F
≈ Lime Peel
- 98CEB3
≈ Mint Ice Cream
Triada +120° +240°
- AFCA9D
Desert Cactus
- A1C3EC
≈ Sky High
- E8AEB3
≈ Chewing Gum
Komplementarna rozszczepiona +150° +210°
- AFCA9D
Desert Cactus
- B9BBEB
≈ Pretty Posie
- E0AFCC
≈ Roseate Spoonbill
Tetrada +90° +180° +270°
- AFCA9D
Desert Cactus
- 8FCAE0
≈ Baby Motive
- D0B4E0
≈ Sea Lavender
- E7B29D
≈ Pretty in Peach
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.78:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.75:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.75:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--desert-cactus: #afca9d;
--desert-cactus-rgb: 175 202 157;
--desert-cactus-oklch: oklch(0.807 0.068 133);
}
.element {
color: var(--desert-cactus);
background-color: hsl(96 30% 70%);
border-color: oklch(0.807 0.068 133);
}Tailwind CSS v4
@theme {
--color-desert-cactus: #afca9d;
--color-desert-cactus-50: #edfae7;
--color-desert-cactus-100: #deedd7;
--color-desert-cactus-200: #c8dbbe;
--color-desert-cactus-300: #a9c09d;
--color-desert-cactus-400: #8fa87e;
--color-desert-cactus-500: #749061;
--color-desert-cactus-600: #637a53;
--color-desert-cactus-700: #4f6242;
--color-desert-cactus-800: #3a472e;
--color-desert-cactus-900: #28311f;
--color-desert-cactus-950: #161d0f;
}SCSS
$desert-cactus: #afca9d;
$desert-cactus-rgb: 175, 202, 157;
$desert-cactus-light: mix(#fff, $desert-cactus, 20%);
$desert-cactus-dark: mix(#000, $desert-cactus, 20%);
.element {
color: $desert-cactus;
box-shadow: 0 0 0 2px rgba($desert-cactus, 0.35);
}