Nazwany kolor · #C1C6A8
Minted Lemon
Minted Lemon to #C1C6A8: rgb(193 198 168), hsl(70 21% 72%), oklch(0.815 0.041 115). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Minted Lemon color name →
#C1C6A8
oklch(0.815 0.041 115)
Konwersje koloru
- HEX
- #c1c6a8
- RGB
- rgb(193 198 168)
- HSL
- hsl(70 21% 72%)
- HWB
- hwb(70 66% 22%)
- OKLCH
- oklch(0.815 0.041 115)
- OKLab
- oklab(0.815 -0.017 0.037)
- CIE Lab
- lab(78.88 -5.66 14.49)
- LCH
- lch(78.88 15.55 111.3)
- CMYK
- cmyk(3% 0% 15% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C7CCB1
- CDD1B9
- D3D7C2
- D9DDCA
- E0E2D3
- E6E8DC
- ECEEE4
- F2F3ED
- F9F9F6
Odcienie ciemniejsze
- A7AC92
- 8F927C
- 777A67
- 5F6252
- 494B3F
- 34352C
- 20211A
- 0E0E0A
- 020201
Tony
- BABFA4
- B4B8A0
- ADB09C
- A6A998
- A0A294
- 999B90
- 93948C
- 8D8E88
- 868784
Harmonie kolorów
Komplementarna +180°
- C1C6A8
Minted Lemon
- C4BEDB
≈ Purple Dragon
Analogowa -30° +30°
- C1C6A8
Minted Lemon
- CFC1A5
≈ Stylish
- B3CAB2
≈ Aqua Dream
Triada +120° +240°
- C1C6A8
Minted Lemon
- AAC7DA
≈ Barking Creek
- D9B8C4
≈ Hosanna
Komplementarna rozszczepiona +150° +210°
- C1C6A8
Minted Lemon
- B5C3DE
≈ Periwinkle Bud
- D1BAD1
≈ Bedazzled
Tetrada +90° +180° +270°
- C1C6A8
Minted Lemon
- A4CBCF
≈ Sky Chase
- C4BEDB
≈ Purple Dragon
- DCB9B5
≈ Rose Hip Tonic
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.76:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.91:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.91:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--minted-lemon: #c1c6a8;
--minted-lemon-rgb: 193 198 168;
--minted-lemon-oklch: oklch(0.815 0.041 115);
}
.element {
color: var(--minted-lemon);
background-color: hsl(70 21% 72%);
border-color: oklch(0.815 0.041 115);
}Tailwind CSS v4
@theme {
--color-minted-lemon: #c1c6a8;
--color-minted-lemon-50: #f4f7ea;
--color-minted-lemon-100: #e7eadb;
--color-minted-lemon-200: #d3d7c3;
--color-minted-lemon-300: #b5baa3;
--color-minted-lemon-400: #9da286;
--color-minted-lemon-500: #858a6b;
--color-minted-lemon-600: #70755a;
--color-minted-lemon-700: #5a5d48;
--color-minted-lemon-800: #424434;
--color-minted-lemon-900: #2e2f23;
--color-minted-lemon-950: #1a1c12;
}SCSS
$minted-lemon: #c1c6a8;
$minted-lemon-rgb: 193, 198, 168;
$minted-lemon-light: mix(#fff, $minted-lemon, 20%);
$minted-lemon-dark: mix(#000, $minted-lemon, 20%);
.element {
color: $minted-lemon;
box-shadow: 0 0 0 2px rgba($minted-lemon, 0.35);
}