Nazwany kolor · #C6BA92
Earth Friendly
Earth Friendly to #C6BA92: rgb(198 186 146), hsl(46 31% 67%), oklch(0.789 0.056 93.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Earth Friendly color name →
#C6BA92
oklch(0.789 0.056 93.3)
Konwersje koloru
- HEX
- #c6ba92
- RGB
- rgb(198 186 146)
- HSL
- hsl(46 31% 67%)
- HWB
- hwb(46 57% 22%)
- OKLCH
- oklch(0.789 0.056 93.3)
- OKLab
- oklab(0.789 -0.003 0.055)
- CIE Lab
- lab(75.77 -0.25 21.98)
- LCH
- lch(75.77 21.98 90.7)
- CMYK
- cmyk(0% 6% 26% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCC19D
- D1C8A8
- D7CEB2
- DCD5BD
- E2DCC8
- E8E3D3
- EEEADE
- F3F1E9
- F9F8F4
Odcienie ciemniejsze
- ACA17E
- 92896B
- 7A7258
- 625C46
- 4B4635
- 353225
- 211E16
- 0E0D08
- 020201
Tony
- BFB490
- B8AE8F
- B0A88D
- A9A28B
- A29D8A
- 9B9788
- 949186
- 8E8B84
- 878682
Harmonie kolorów
Komplementarna +180°
- C6BA92
Earth Friendly
- AEB8DF
≈ French Lilac Blue
Analogowa -30° +30°
- C6BA92
Earth Friendly
- D4B396
≈ My Chai
- B3C19A
≈ Green Eggs & Cam
Triada +120° +240°
- C6BA92
Earth Friendly
- 91C4D0
≈ After the Rain
- D1ADC9
≈ Orchid Bouquet
Komplementarna rozszczepiona +150° +210°
- C6BA92
Earth Friendly
- 9CBFDC
≈ Blue Magpie
- C1B2D8
≈ Moonraker
Tetrada +90° +180° +270°
- C6BA92
Earth Friendly
- 92C6BE
≈ Enchanted Isle
- AEB8DF
≈ French Lilac Blue
- DAACB6
≈ Pink Nectar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.93:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.83:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.83:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--earth-friendly: #c6ba92;
--earth-friendly-rgb: 198 186 146;
--earth-friendly-oklch: oklch(0.789 0.056 93.3);
}
.element {
color: var(--earth-friendly);
background-color: hsl(46 31% 67%);
border-color: oklch(0.789 0.056 93.3);
}Tailwind CSS v4
@theme {
--color-earth-friendly: #c6ba92;
--color-earth-friendly-50: #faf5e4;
--color-earth-friendly-100: #ede8d4;
--color-earth-friendly-200: #dbd5ba;
--color-earth-friendly-300: #c0b898;
--color-earth-friendly-400: #a99e79;
--color-earth-friendly-500: #92865b;
--color-earth-friendly-600: #7c714e;
--color-earth-friendly-700: #635b3e;
--color-earth-friendly-800: #49422c;
--color-earth-friendly-900: #332d1e;
--color-earth-friendly-950: #1f1a0e;
}SCSS
$earth-friendly: #c6ba92;
$earth-friendly-rgb: 198, 186, 146;
$earth-friendly-light: mix(#fff, $earth-friendly, 20%);
$earth-friendly-dark: mix(#000, $earth-friendly, 20%);
.element {
color: $earth-friendly;
box-shadow: 0 0 0 2px rgba($earth-friendly, 0.35);
}