Colore con nome · #B1D27B
Davao Green
Davao Green è #B1D27B: rgb(177 210 123), hsl(83 49% 65%), oklch(0.82 0.119 125.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Davao Green color name →
#B1D27B
oklch(0.82 0.119 125.9)
Conversioni di colore
- HEX
- #b1d27b
- RGB
- rgb(177 210 123)
- HSL
- hsl(83 49% 65%)
- HWB
- hwb(83 48% 18%)
- OKLCH
- oklch(0.82 0.119 125.9)
- OKLab
- oklab(0.82 -0.07 0.096)
- CIE Lab
- lab(80.28 -22.01 39.23)
- LCH
- lch(80.28 44.98 119.3)
- CMYK
- cmyk(16% 0% 41% 18%)
Tinte · Ombre · Toni
Tinte
- B9D789
- C0DB97
- C8E0A4
- D0E4B1
- D7E9BE
- DFEDCB
- E7F2D8
- EFF6E5
- F7FBF2
Ombre
- 99B66A
- 839B5A
- 6C814A
- 57683A
- 42502C
- 2F391E
- 1C2410
- 0C1005
- 010201
Toni
- ACCA7D
- A7C17E
- A2B97F
- 9DB180
- 98A980
- 93A081
- 8E9881
- 8A9081
- 858880
Armonie di colore
Complementare +180°
- B1D27B
Davao Green
- D6B1FF
≈ Light Violet
Analogo -30° +30°
- B1D27B
Davao Green
- DBC464
≈ Crusade King
- 80DBA3
≈ Patrice
Triadico +120° +240°
- B1D27B
Davao Green
- 8FCBFF
≈ Clear Sky
- FFA7BA
≈ Amélie’s Tutu
Complementare divisa +150° +210°
- B1D27B
Davao Green
- B3C0FF
≈ Dried Lilac
- F5A6E2
≈ Hanami Pink
Tetradico +90° +180° +270°
- B1D27B
Davao Green
- 56D7F5
≈ Berta Blue
- D6B1FF
≈ Light Violet
- FFAC96
≈ Pink Persimmon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.37:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--davao-green: #b1d27b;
--davao-green-rgb: 177 210 123;
--davao-green-oklch: oklch(0.82 0.119 125.9);
}
.element {
color: var(--davao-green);
background-color: hsl(83 49% 65%);
border-color: oklch(0.82 0.119 125.9);
}Tailwind CSS v4
@theme {
--color-davao-green: #b1d27b;
--color-davao-green-50: #ebfcd8;
--color-davao-green-100: #dcf0c6;
--color-davao-green-200: #c6dfa8;
--color-davao-green-300: #a6c381;
--color-davao-green-400: #8dab5a;
--color-davao-green-500: #739431;
--color-davao-green-600: #617d2c;
--color-davao-green-700: #4e6423;
--color-davao-green-800: #3a4915;
--color-davao-green-900: #28330e;
--color-davao-green-950: #161e02;
}SCSS
$davao-green: #b1d27b;
$davao-green-rgb: 177, 210, 123;
$davao-green-light: mix(#fff, $davao-green, 20%);
$davao-green-dark: mix(#000, $davao-green, 20%);
.element {
color: $davao-green;
box-shadow: 0 0 0 2px rgba($davao-green, 0.35);
}