Colore con nome · #BAE7C7
Canton Jade
Canton Jade è #BAE7C7: rgb(186 231 199), hsl(137 48% 82%), oklch(0.888 0.064 154). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Canton Jade color name →
#BAE7C7
oklch(0.888 0.064 154)
Conversioni di colore
- HEX
- #bae7c7
- RGB
- rgb(186 231 199)
- HSL
- hsl(137 48% 82%)
- HWB
- hwb(137 73% 9%)
- OKLCH
- oklch(0.888 0.064 154)
- OKLab
- oklab(0.888 -0.057 0.028)
- CIE Lab
- lab(87.81 -19.75 10.62)
- LCH
- lch(87.81 22.42 151.7)
- CMYK
- cmyk(19% 0% 14% 9%)
Tinte · Ombre · Toni
Tinte
- C1E9CD
- C8ECD2
- CFEED8
- D6F1DD
- DDF3E3
- E4F6E8
- EBF8EE
- F1FAF4
- F8FDF9
Ombre
- A1C9AD
- 89AB93
- 728F7A
- 5C7362
- 46594C
- 324036
- 1E2821
- 0D130E
- 020302
Toni
- B4DCC0
- AED2B8
- A9C7B1
- A3BDAA
- 9DB2A3
- 97A89C
- 929E95
- 8C948E
- 868A87
Armonie di colore
Complementare +180°
- BAE7C7
Canton Jade
- F5CBEC
≈ Bubblegum Crisis
Analogo -30° +30°
- BAE7C7
Canton Jade
- D1E2B4
≈ Rockmelon Rind
- ABE8DF
≈ Aquatic Mist
Triadico +120° +240°
- BAE7C7
Canton Jade
- CED8FF
≈ Pale Phthalo Blue
- FFCCC0
≈ Crystal Coral
Complementare divisa +150° +210°
- BAE7C7
Canton Jade
- E3D0FD
≈ Pale Lavender
- FFC9D5
≈ Sweet Sixteen
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.34:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.34:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--canton-jade: #bae7c7;
--canton-jade-rgb: 186 231 199;
--canton-jade-oklch: oklch(0.888 0.064 154);
}
.element {
color: var(--canton-jade);
background-color: hsl(137 48% 82%);
border-color: oklch(0.888 0.064 154);
}Tailwind CSS v4
@theme {
--color-canton-jade: #bae7c7;
--color-canton-jade-50: #e7fbee;
--color-canton-jade-100: #d8efdf;
--color-canton-jade-200: #bfddc9;
--color-canton-jade-300: #9ec2aa;
--color-canton-jade-400: #81aa8d;
--color-canton-jade-500: #649373;
--color-canton-jade-600: #557c61;
--color-canton-jade-700: #44634e;
--color-canton-jade-800: #314937;
--color-canton-jade-900: #223326;
--color-canton-jade-950: #111e14;
}SCSS
$canton-jade: #bae7c7;
$canton-jade-rgb: 186, 231, 199;
$canton-jade-light: mix(#fff, $canton-jade, 20%);
$canton-jade-dark: mix(#000, $canton-jade, 20%);
.element {
color: $canton-jade;
box-shadow: 0 0 0 2px rgba($canton-jade, 0.35);
}