Colore con nome · #B1DD52
Conifer
Conifer è #B1DD52: rgb(177 221 82), hsl(79 67% 59%), oklch(0.839 0.172 125). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Conifer color name →
#B1DD52
oklch(0.839 0.172 125)
Conversioni di colore
- HEX
- #b1dd52
- RGB
- rgb(177 221 82)
- HSL
- hsl(79 67% 59%)
- HWB
- hwb(79 32% 13%)
- OKLCH
- oklch(0.839 0.172 125)
- OKLab
- oklab(0.839 -0.099 0.141)
- CIE Lab
- lab(82.98 -29.76 60.85)
- LCH
- lch(82.98 67.73 116.1)
- CMYK
- cmyk(20% 0% 63% 13%)
Tinte · Ombre · Toni
Tinte
- B9E168
- C0E57C
- C8E88E
- CFECA0
- D7EFB0
- DFF3C0
- E7F6D0
- EFF9E0
- F7FCF0
Ombre
- 99C046
- 83A43B
- 6C882F
- 576E25
- 42551A
- 2F3D11
- 1C2608
- 0C1102
- 010200
Toni
- ACD45B
- A7CA62
- A2C169
- 9DB86E
- 98AE72
- 93A576
- 8E9C79
- 8A927C
- 85897E
Armonie di colore
Complementare +180°
- B1DD52
Conifer
- D9BAFF
≈ Lavender Fragrance
Analogo -30° +30°
- B1DD52
Conifer
- EEC803
≈ Yolk
- 58EA97
≈ Grotesque Green
Triadico +120° +240°
- B1DD52
Conifer
- 9BD1FF
≈ Long Island Sound
- FFB1C2
≈ Soft Pink
Complementare divisa +150° +210°
- B1DD52
Conifer
- BBC7FF
≈ Light Periwinkle
- FFA9EC
≈ Pink Wink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.33:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.33:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--conifer: #b1dd52;
--conifer-rgb: 177 221 82;
--conifer-oklch: oklch(0.839 0.172 125);
}
.element {
color: var(--conifer);
background-color: hsl(79 67% 59%);
border-color: oklch(0.839 0.172 125);
}Tailwind CSS v4
@theme {
--color-conifer: #b1dd52;
--color-conifer-50: #e8ffca;
--color-conifer-100: #d8f3b5;
--color-conifer-200: #c0e291;
--color-conifer-300: #a0c762;
--color-conifer-400: #87af25;
--color-conifer-500: #6d9700;
--color-conifer-600: #5c8000;
--color-conifer-700: #496700;
--color-conifer-800: #384b00;
--color-conifer-900: #263400;
--color-conifer-950: #151f00;
}SCSS
$conifer: #b1dd52;
$conifer-rgb: 177, 221, 82;
$conifer-light: mix(#fff, $conifer, 20%);
$conifer-dark: mix(#000, $conifer, 20%);
.element {
color: $conifer;
box-shadow: 0 0 0 2px rgba($conifer, 0.35);
}