Nazwany kolor · #70804D
Creamed Avocado
Creamed Avocado to #70804D: rgb(112 128 77), hsl(79 25% 40%), oklch(0.574 0.075 123). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Creamed Avocado color name →
#70804D
oklch(0.574 0.075 123)
Konwersje koloru
- HEX
- #70804d
- RGB
- rgb(112 128 77)
- HSL
- hsl(79 25% 40%)
- HWB
- hwb(79 30% 50%)
- OKLCH
- oklch(0.574 0.075 123)
- OKLab
- oklab(0.574 -0.041 0.063)
- CIE Lab
- lab(51.3 -12.84 25.63)
- LCH
- lch(51.3 28.67 116.6)
- CMYK
- cmyk(13% 0% 40% 50%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7D8C5E
- 8B986F
- 99A581
- A7B192
- B5BEA4
- C3CBB5
- D2D8C8
- E1E5DA
- F0F2EC
Odcienie ciemniejsze
- 606E42
- 515D37
- 434D2C
- 353D22
- 272E18
- 1A1F0F
- 0E1207
- 040602
- 010100
Tony
- 728053
- 738058
- 75805D
- 768063
- 788068
- 79806D
- 7B8072
- 7D8076
- 7E807B
Harmonie kolorów
Komplementarna +180°
- 70804D
Creamed Avocado
- 816E9D
≈ Bitter Violet
Analogowa -30° +30°
- 70804D
Creamed Avocado
- 887842
≈ Giant Cactus Green
- 558663
≈ Soylent Green
Triada +120° +240°
- 70804D
Creamed Avocado
- 4F7EA2
≈ Borage
- 9E6574
≈ Jellybean Pink
Komplementarna rozszczepiona +150° +210°
- 70804D
Creamed Avocado
- 6A76A5
≈ Blue Batik
- 94688C
≈ Chinese Violet
Tetrada +90° +180° +270°
- 70804D
Creamed Avocado
- 3B8493
≈ Precious Stone
- 816E9D
≈ Bitter Violet
- A0685C
≈ Russet Red
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.29:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.88:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.88:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--creamed-avocado: #70804d;
--creamed-avocado-rgb: 112 128 77;
--creamed-avocado-oklch: oklch(0.574 0.075 123);
}
.element {
color: var(--creamed-avocado);
background-color: hsl(79 25% 40%);
border-color: oklch(0.574 0.075 123);
}Tailwind CSS v4
@theme {
--color-creamed-avocado: #70804d;
--color-creamed-avocado-50: #f0f9e2;
--color-creamed-avocado-100: #e2edd2;
--color-creamed-avocado-200: #cddab8;
--color-creamed-avocado-300: #aebf95;
--color-creamed-avocado-400: #96a674;
--color-creamed-avocado-500: #7d8f55;
--color-creamed-avocado-600: #6a7949;
--color-creamed-avocado-700: #54613a;
--color-creamed-avocado-800: #3e4628;
--color-creamed-avocado-900: #2b311b;
--color-creamed-avocado-950: #181d0b;
}SCSS
$creamed-avocado: #70804d;
$creamed-avocado-rgb: 112, 128, 77;
$creamed-avocado-light: mix(#fff, $creamed-avocado, 20%);
$creamed-avocado-dark: mix(#000, $creamed-avocado, 20%);
.element {
color: $creamed-avocado;
box-shadow: 0 0 0 2px rgba($creamed-avocado, 0.35);
}