Named color · #BCECAC
Basilisk Lizard
Basilisk Lizard is #BCECAC: rgb(188 236 172), hsl(105 63% 80%), oklch(0.894 0.099 138). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Basilisk Lizard color name →
#BCECAC
oklch(0.894 0.099 138)
Color conversions
- HEX
- #bcecac
- RGB
- rgb(188 236 172)
- HSL
- hsl(105 63% 80%)
- HWB
- hwb(105 67% 7%)
- OKLCH
- oklch(0.894 0.099 138)
- OKLab
- oklab(0.894 -0.073 0.066)
- CIE Lab
- lab(88.84 -24.7 25.9)
- LCH
- lch(88.84 35.79 133.6)
- CMYK
- cmyk(20% 0% 27% 7%)
Tints · Shades · Tones
Tints
- C3EEB4
- CAF0BD
- D0F2C5
- D7F4CE
- DEF6D6
- E4F8DE
- EBFAE6
- F2FBEF
- F8FDF7
Shades
- A3CD95
- 8BAF7F
- 739269
- 5D7654
- 475B40
- 32422D
- 1F291B
- 0D130B
- 020301
Tones
- B6E1A8
- B0D6A4
- AACB9F
- A4C09B
- 9EB597
- 98AA92
- 929F8E
- 8C9589
- 868A85
Color harmonies
Complementary +180°
- BCECAC
Basilisk Lizard
- F3CCFF
≈ Sparkling Lavender
Analogous -30° +30°
- BCECAC
Basilisk Lizard
- E2E194
≈ Pear Tint
- 98F1CF
≈ Nightly Aurora
Triadic +120° +240°
- BCECAC
Basilisk Lizard
- C7DEFF
≈ Arc Light
- FFCECE
≈ Aromatic Breeze
Split-complementary +150° +210°
- BCECAC
Basilisk Lizard
- D9D7FF
≈ Japan Blush
- FFCAE4
≈ Classic Rose
Tetradic +90° +180° +270°
- BCECAC
Basilisk Lizard
- AEE5FF
≈ Frozen Landscape
- F3CCFF
≈ Sparkling Lavender
- FFD1B9
≈ Peachy Bon-Bon
Contrast & accessibility
Ag
FailOn white
WCAG 1.33:1 · APCA Lc 16
Ag
AAAOn black
WCAG 15.73:1 · APCA Lc 87
Best text color: #000000
WCAG 15.73:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--basilisk-lizard: #bcecac;
--basilisk-lizard-rgb: 188 236 172;
--basilisk-lizard-oklch: oklch(0.894 0.099 138);
}
.element {
color: var(--basilisk-lizard);
background-color: hsl(105 63% 80%);
border-color: oklch(0.894 0.099 138);
}Tailwind CSS v4
@theme {
--color-basilisk-lizard: #bcecac;
--color-basilisk-lizard-50: #e7fde2;
--color-basilisk-lizard-100: #d7f1d1;
--color-basilisk-lizard-200: #bfdfb7;
--color-basilisk-lizard-300: #9dc494;
--color-basilisk-lizard-400: #81ad73;
--color-basilisk-lizard-500: #649653;
--color-basilisk-lizard-600: #557e47;
--color-basilisk-lizard-700: #446539;
--color-basilisk-lizard-800: #324a27;
--color-basilisk-lizard-900: #22331a;
--color-basilisk-lizard-950: #111f0a;
}SCSS
$basilisk-lizard: #bcecac;
$basilisk-lizard-rgb: 188, 236, 172;
$basilisk-lizard-light: mix(#fff, $basilisk-lizard, 20%);
$basilisk-lizard-dark: mix(#000, $basilisk-lizard, 20%);
.element {
color: $basilisk-lizard;
box-shadow: 0 0 0 2px rgba($basilisk-lizard, 0.35);
}