Nazwany kolor · #C5D17B
Alligator Alley
Alligator Alley to #C5D17B: rgb(197 209 123), hsl(68 48% 65%), oklch(0.832 0.111 115.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Alligator Alley color name →
#C5D17B
oklch(0.832 0.111 115.4)
Konwersje koloru
- HEX
- #c5d17b
- RGB
- rgb(197 209 123)
- HSL
- hsl(68 48% 65%)
- HWB
- hwb(68 48% 18%)
- OKLCH
- oklch(0.832 0.111 115.4)
- OKLab
- oklab(0.832 -0.047 0.1)
- CIE Lab
- lab(81.47 -13.85 41.09)
- LCH
- lch(81.47 43.36 108.6)
- CMYK
- cmyk(6% 0% 41% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBD689
- D0DA97
- D6DFA4
- DCE4B2
- E1E8BF
- E7EDCC
- EDF2D9
- F3F6E5
- F9FBF2
Odcienie ciemniejsze
- ABB56A
- 929B5A
- 79814A
- 61683A
- 4B502C
- 35391E
- 212310
- 0E1005
- 020201
Tony
- BEC97D
- B7C07E
- B0B87F
- A9B080
- A2A880
- 9BA081
- 949881
- 8D9081
- 878880
Harmonie kolorów
Komplementarna +180°
- C5D17B
Alligator Alley
- CCBCFF
≈ Lavender Tonic
Analogowa -30° +30°
- C5D17B
Alligator Alley
- E9C370
≈ Sun Salutation
- 99DC9C
≈ Retro
Triada +120° +240°
- C5D17B
Alligator Alley
- 87D3FF
≈ Kul Sharif Blue
- FFABCB
≈ Majin Bū Pink
Komplementarna rozszczepiona +150° +210°
- C5D17B
Alligator Alley
- AEC8FF
≈ Night Snow
- EDAFF0
≈ Candy Dreams
Tetrada +90° +180° +270°
- C5D17B
Alligator Alley
- 61DDEB
≈ Turquoise Sea
- CCBCFF
≈ Lavender Tonic
- FFB1A9
≈ Peach Bud
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.64:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.78:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--alligator-alley: #c5d17b;
--alligator-alley-rgb: 197 209 123;
--alligator-alley-oklch: oklch(0.832 0.111 115.4);
}
.element {
color: var(--alligator-alley);
background-color: hsl(68 48% 65%);
border-color: oklch(0.832 0.111 115.4);
}Tailwind CSS v4
@theme {
--color-alligator-alley: #c5d17b;
--color-alligator-alley-50: #f2fad6;
--color-alligator-alley-100: #e4edc4;
--color-alligator-alley-200: #d0dba5;
--color-alligator-alley-300: #b3bf7d;
--color-alligator-alley-400: #9ca656;
--color-alligator-alley-500: #848e2b;
--color-alligator-alley-600: #6f7927;
--color-alligator-alley-700: #59601f;
--color-alligator-alley-800: #424613;
--color-alligator-alley-900: #2e310c;
--color-alligator-alley-950: #1b1d01;
}SCSS
$alligator-alley: #c5d17b;
$alligator-alley-rgb: 197, 209, 123;
$alligator-alley-light: mix(#fff, $alligator-alley, 20%);
$alligator-alley-dark: mix(#000, $alligator-alley, 20%);
.element {
color: $alligator-alley;
box-shadow: 0 0 0 2px rgba($alligator-alley, 0.35);
}