Nazwany kolor · #BAD1B5
Lime Taffy
Lime Taffy to #BAD1B5: rgb(186 209 181), hsl(109 23% 76%), oklch(0.836 0.046 140.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Lime Taffy color name →
#BAD1B5
oklch(0.836 0.046 140.1)
Konwersje koloru
- HEX
- #bad1b5
- RGB
- rgb(186 209 181)
- HSL
- hsl(109 23% 76%)
- HWB
- hwb(109 71% 18%)
- OKLCH
- oklch(0.836 0.046 140.1)
- OKLab
- oklab(0.836 -0.035 0.029)
- CIE Lab
- lab(81.53 -11.9 11.21)
- LCH
- lch(81.53 16.35 136.7)
- CMYK
- cmyk(11% 0% 13% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C1D6BC
- C8DAC4
- CEDFCB
- D5E3D2
- DCE8DA
- E3EDE1
- EAF1E8
- F1F6F0
- F8FAF7
Odcienie ciemniejsze
- A1B59D
- 899B86
- 72816F
- 5C6859
- 465044
- 323930
- 1E231D
- 0D100C
- 020202
Tony
- B4C9B0
- AEC0AA
- A8B8A5
- A2B0A0
- 9DA89A
- 97A095
- 919890
- 8B908A
- 868885
Harmonie kolorów
Komplementarna +180°
- BAD1B5
Lime Taffy
- D7C0DC
≈ New Violet
Analogowa -30° +30°
- BAD1B5
Lime Taffy
- CACCAA
≈ Thistle Green
- ADD3C5
≈ Feeling Lucky
Triada +120° +240°
- BAD1B5
Lime Taffy
- B8CAE8
≈ Cuddle
- E6BEBD
≈ Miniature Posey
Komplementarna rozszczepiona +150° +210°
- BAD1B5
Lime Taffy
- C8C5E6
≈ Party Hat
- E1BECD
≈ Scandalous Rose
Tetrada +90° +180° +270°
- BAD1B5
Lime Taffy
- ACCFE2
≈ Light Sky Bus
- D7C0DC
≈ New Violet
- E3C1AF
≈ Sunwashed Brick
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.63:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.87:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--lime-taffy: #bad1b5;
--lime-taffy-rgb: 186 209 181;
--lime-taffy-oklch: oklch(0.836 0.046 140.1);
}
.element {
color: var(--lime-taffy);
background-color: hsl(109 23% 76%);
border-color: oklch(0.836 0.046 140.1);
}Tailwind CSS v4
@theme {
--color-lime-taffy: #bad1b5;
--color-lime-taffy-50: #eef9ed;
--color-lime-taffy-100: #e0ecde;
--color-lime-taffy-200: #cadac8;
--color-lime-taffy-300: #abbea8;
--color-lime-taffy-400: #91a58c;
--color-lime-taffy-500: #768e71;
--color-lime-taffy-600: #647860;
--color-lime-taffy-700: #50604d;
--color-lime-taffy-800: #3b4637;
--color-lime-taffy-900: #283126;
--color-lime-taffy-950: #161d14;
}SCSS
$lime-taffy: #bad1b5;
$lime-taffy-rgb: 186, 209, 181;
$lime-taffy-light: mix(#fff, $lime-taffy, 20%);
$lime-taffy-dark: mix(#000, $lime-taffy, 20%);
.element {
color: $lime-taffy;
box-shadow: 0 0 0 2px rgba($lime-taffy, 0.35);
}