Colore con nome · #D0DB61
Chinese Green
Chinese Green è #D0DB61: rgb(208 219 97), hsl(65 63% 62%), oklch(0.859 0.146 113.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Chinese Green color name →
#D0DB61
oklch(0.859 0.146 113.8)
Conversioni di colore
- HEX
- #d0db61
- RGB
- rgb(208 219 97)
- HSL
- hsl(65 63% 62%)
- HWB
- hwb(65 38% 14%)
- OKLCH
- oklch(0.859 0.146 113.8)
- OKLab
- oklab(0.859 -0.059 0.134)
- CIE Lab
- lab(84.76 -15.93 57.27)
- LCH
- lch(84.76 59.44 105.5)
- CMYK
- cmyk(5% 0% 56% 14%)
Tinte · Ombre · Toni
Tinte
- D4DF74
- D9E386
- DDE797
- E2EAA6
- E7EEB6
- EBF1C5
- F0F5D4
- F5F8E2
- FAFCF1
Ombre
- B5BE53
- 9AA246
- 808739
- 676D2D
- 4F5421
- 393C15
- 23260B
- 101103
- 020200
Toni
- C8D267
- BFC96C
- B7BF71
- AFB674
- A7AD78
- 9FA47A
- 979B7C
- 8F927E
- 87897F
Armonie di colore
Complementare +180°
- D0DB61
Chinese Green
- D3C8FF
≈ Innocent Snowdrop
Analogo -30° +30°
- D0DB61
Chinese Green
- FEC850
≈ Chunky Bee
- 93E991
≈ Ulva Lactuca Green
Triadico +120° +240°
- D0DB61
Chinese Green
- 9ADAFF
≈ Shiva Blue
- FFB9D5
≈ Candy Bar
Complementare divisa +150° +210°
- D0DB61
Chinese Green
- BAD1FF
≈ Ice Cold Stare
- F9B5FF
≈ Strawberry Buttercream
Tetradico +90° +180° +270°
- D0DB61
Chinese Green
- 02ECFC
≈ Whimsical Blue
- D3C8FF
≈ Innocent Snowdrop
- FFBEB9
≈ Peach Scone
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.50:1 · APCA Lc 23
Ag
AAASu nero
WCAG 13.98:1 · APCA Lc 80
Miglior colore del testo: #000000
WCAG 13.98:1 (AAA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--chinese-green: #d0db61;
--chinese-green-rgb: 208 219 97;
--chinese-green-oklch: oklch(0.859 0.146 113.8);
}
.element {
color: var(--chinese-green);
background-color: hsl(65 63% 62%);
border-color: oklch(0.859 0.146 113.8);
}Tailwind CSS v4
@theme {
--color-chinese-green: #d0db61;
--color-chinese-green-50: #f3fbcc;
--color-chinese-green-100: #e5efb7;
--color-chinese-green-200: #d1dc94;
--color-chinese-green-300: #b4c166;
--color-chinese-green-400: #9ea730;
--color-chinese-green-500: #878f00;
--color-chinese-green-600: #727900;
--color-chinese-green-700: #5b6100;
--color-chinese-green-800: #444600;
--color-chinese-green-900: #2f3100;
--color-chinese-green-950: #1c1d00;
}SCSS
$chinese-green: #d0db61;
$chinese-green-rgb: 208, 219, 97;
$chinese-green-light: mix(#fff, $chinese-green, 20%);
$chinese-green-dark: mix(#000, $chinese-green, 20%);
.element {
color: $chinese-green;
box-shadow: 0 0 0 2px rgba($chinese-green, 0.35);
}